Preppy Rose Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Preppy Rose (#D1668F), each snapped to its nearest named color.
#D1668F
#6CCC7B
#66C3D0
#B63364
#A4E3B3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Preppy Rose | #D1668F | 209, 102, 143 | 337°, 54%, 61% | 0, 51, 32, 18 | 64.9% 0.142 358 | |
| Snow Pea | #6CCC7B | 108, 204, 123 | 129°, 48%, 61% | 47, 0, 40, 20 | 76.6% 0.147 147 | |
| Arctic Ocean | #66C3D0 | 102, 195, 208 | 187°, 53%, 61% | 51, 6, 0, 18 | 76.5% 0.090 207 | |
| Valentine’s Kiss | #B63364 | 182, 51, 100 | 338°, 56%, 46% | 0, 72, 45, 29 | 53.2% 0.171 2 | |
| Overtone | #A4E3B3 | 164, 227, 179 | 134°, 53%, 77% | 28, 0, 21, 11 | 86.0% 0.092 151 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B63364 on #A4E3B3 | 3.90:1 | AA large |
| Aa #6CCC7B on #B63364 | 2.90:1 | — |
| Aa #66C3D0 on #B63364 | 2.82:1 | — |
| Aa #D1668F on #A4E3B3 | 2.37:1 | — |
| Aa #D1668F on #6CCC7B | 1.76:1 | — |
| Aa #D1668F on #66C3D0 | 1.71:1 | — |
CSS variables
:root {
--color-1: #d1668f; /* Preppy Rose */
--color-2: #6ccc7b; /* Snow Pea */
--color-3: #66c3d0; /* Arctic Ocean */
--color-4: #b63364; /* Valentine’s Kiss */
--color-5: #a4e3b3; /* Overtone */
}Other schemes from Preppy Rose
- Preppy Rose Complementary Color Scheme#D1668F#E6AAC1#66CDAA#38B48B#B6E5D6
- Preppy Rose Analogous Color Scheme#AD66D2#C364C5#D1668F#CC7365#D0A664
- Preppy Rose Triadic Color Scheme#D1668F#8DCE65#6994CF#E9B4C3#66B032
- Preppy Rose Tetradic Color Scheme#D1668F#C7D368#66CDAA#6F6ED1#E9B4C3
- Preppy Rose Monochromatic Color Scheme#792445#B63364#D1668F#E3A1B8#F5DDE6
More light pink split-complementary color schemes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Preppy Rose?
In a split-complementary scheme: Snow Pea (#6CCC7B), Arctic Ocean (#66C3D0), Valentine’s Kiss (#B63364), Overtone (#A4E3B3).
What is the hex code of Preppy Rose?
#D1668F.