Girlie Triadic Color Scheme
Five colors arranged by the triadic rule around Girlie (#FFD3CF), each snapped to its nearest named color.
#FFD3CF
#CCFFCC
#CCCCFF
#FFE8E5
#94FF94
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Girlie | #FFD3CF | 255, 211, 207 | 5°, 100%, 91% | 0, 17, 19, 0 | |
| Distilled Moss | #CCFFCC | 204, 255, 204 | 120°, 100%, 90% | 20, 0, 20, 0 | |
| Lavender Blue | #CCCCFF | 204, 204, 255 | 240°, 100%, 90% | 20, 20, 0, 0 | |
| Sheer Rosebud | #FFE8E5 | 255, 232, 229 | 7°, 100%, 95% | 0, 9, 10, 0 | |
| Cobalt Green | #94FF94 | 148, 255, 148 | 120°, 100%, 79% | 42, 0, 42, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CCFFCC on #CCCCFF | 1.37:1 | — |
| Aa #CCCCFF on #FFE8E5 | 1.31:1 | — |
| Aa #CCCCFF on #94FF94 | 1.24:1 | — |
| Aa #FFD3CF on #CCFFCC | 1.21:1 | — |
| Aa #FFD3CF on #FFE8E5 | 1.16:1 | — |
| Aa #FFD3CF on #CCCCFF | 1.13:1 | — |
CSS variables
:root {
--color-1: #ffd3cf; /* Girlie */
--color-2: #ccffcc; /* Distilled Moss */
--color-3: #ccccff; /* Lavender Blue */
--color-4: #ffe8e5; /* Sheer Rosebud */
--color-5: #94ff94; /* Cobalt Green */
}Other schemes from Girlie
- Girlie Complementary Color Scheme#FFD3CF#FFE8E5#D0FEFE#8AF1FE#E7FEFF
- Girlie Analogous Color Scheme#FED0FC#FED3E4#FFD3CF#FFEBCD#FEFECD
- Girlie Split-complementary Color Scheme#FFD3CF#CCFFEE#D4EAFF#FF8D82#E6FDF1
- Girlie Tetradic Color Scheme#FFD3CF#EEFFCC#D0FEFE#EECFFE#FFE8E5
- Girlie Monochromatic Color Scheme#FF4433#FF8D82#FFD3CF#FFE8E5#FFE8E5
More Very Light Red triadic palettes
- Abloom Triadic Color Scheme#F1CBCD#CEF0CC#CCCCEE#F9EAEB#94E089
- Angelic Wings Triadic Color Scheme#F4EFEE#EFF5F1#EBEEF3#F4EFEE#BDD8C0
- Angry Ghost Triadic Color Scheme#EEBBBB#BBE6BB#BCBDE4#F9EAEB#77DD77
- Apricot Haze Triadic Color Scheme#FFAAAA#AAFFAA#AAAAFF#FFE6E4#53FE5C
- Ballet Triadic Color Scheme#F7D5D4#D8F3D7#D2D8F4#F9EAEA#90EE90
- Ballet Slippers Triadic Color Scheme#FCA2AD#B2FBA5#AAAAFF#FDE6E7#66FF55
- Berry Good Triadic Color Scheme#EDC3C5#C1EFC6#C4C0E9#F9EAEB#98D98E
- Bloodthirsty Beige Triadic Color Scheme#F8D7D0#D2F4DD#DCD0FF#FCEBEB#90EE90
- Blowing Kisses Triadic Color Scheme#F6DEE0#E1F2DF#D8E1F1#F9EAEB#A8E4A0
- Blush Kiss Triadic Color Scheme#EABCC0#C2ECBC#B7C0EA#F8EAED#8CCE86
- Blush Rush Triadic Color Scheme#F0BCBE#B8F8B8#B8B8F8#F9EAEB#8DE07C
- Butterfly Kisses Triadic Color Scheme#F0DEDC#DEF1DD#DDDCEF#F6EEED#A5D7B2
Questions
What colors go with Girlie?
In a triadic scheme: Distilled Moss (#CCFFCC), Lavender Blue (#CCCCFF), Sheer Rosebud (#FFE8E5), Cobalt Green (#94FF94).
What is the hex code of Girlie?
#FFD3CF.