Dream Setting Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dream Setting (#FF77BB), each snapped to its nearest named color.
#FF77BB
#77FF77
#73FDFF
#FF2F92
#C1FDC9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Dream Setting | #FF77BB | 255, 119, 187 | 330°, 100%, 73% | 0, 53, 27, 0 | 74.8% 0.180 351 | |
| Astro Arcade Green | #77FF77 | 119, 255, 119 | 120°, 100%, 73% | 53, 0, 53, 0 | 89.4% 0.214 144 | |
| Ancient Ice | #73FDFF | 115, 253, 255 | 181°, 100%, 73% | 55, 1, 0, 0 | 91.9% 0.120 197 | |
| Unicorn Dust | #FF2F92 | 255, 47, 146 | 331°, 100%, 59% | 0, 82, 43, 0 | 66.6% 0.247 358 | |
| Toxic Steam | #C1FDC9 | 193, 253, 201 | 128°, 94%, 87% | 24, 0, 21, 1 | 94.0% 0.092 148 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF2F92 on #C1FDC9 | 2.99:1 | — |
| Aa #73FDFF on #FF2F92 | 2.84:1 | — |
| Aa #77FF77 on #FF2F92 | 2.69:1 | — |
| Aa #FF77BB on #C1FDC9 | 2.11:1 | — |
| Aa #FF77BB on #73FDFF | 2.00:1 | — |
| Aa #FF77BB on #77FF77 | 1.90:1 | — |
CSS variables
:root {
--color-1: #ff77bb; /* Dream Setting */
--color-2: #77ff77; /* Astro Arcade Green */
--color-3: #73fdff; /* Ancient Ice */
--color-4: #ff2f92; /* Unicorn Dust */
--color-5: #c1fdc9; /* Toxic Steam */
}Other schemes from Dream Setting
- Dream Setting Complementary Color Scheme#FF77BB#FED5E9#7EFFBA#36FF9A#DDFFEE
- Dream Setting Analogous Color Scheme#BF77F6#FF77FF#FF77BB#FF7777#FFBB77
- Dream Setting Triadic Color Scheme#FF77BB#BEFD73#77BBFF#FFDDEE#87FF2A
- Dream Setting Tetradic Color Scheme#FF77BB#FFFF77#7EFFBA#7777FF#FFDDEE
- Dream Setting Monochromatic Color Scheme#DE0170#FF2F92#FF77BB#FDC5E3#FFE6F1
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 Dream Setting?
In a split-complementary scheme: Astro Arcade Green (#77FF77), Ancient Ice (#73FDFF), Unicorn Dust (#FF2F92), Toxic Steam (#C1FDC9).
What is the hex code of Dream Setting?
#FF77BB.