Pale Sky Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pale Sky (#BDF6FE), each snapped to its nearest named color.
#BDF6FE
#FFBCD9
#FFE5BD
#6DEDFD
#FFE5EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pale Sky | #BDF6FE | 189, 246, 254 | 187°, 97%, 87% | 26, 3, 0, 0 | 93.7% 0.058 207 | |
| Cotton Candy | #FFBCD9 | 255, 188, 217 | 334°, 100%, 87% | 0, 26, 15, 0 | 86.5% 0.085 351 | |
| Peach Smoothie | #FFE5BD | 255, 229, 189 | 36°, 100%, 87% | 0, 10, 26, 0 | 93.3% 0.059 79 | |
| Robin’s Egg | #6DEDFD | 109, 237, 253 | 187°, 97%, 71% | 57, 6, 0, 1 | 88.0% 0.115 206 | |
| Sweetly | #FFE5EF | 255, 229, 239 | 337°, 100%, 95% | 0, 10, 6, 0 | 94.6% 0.031 352 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BDF6FE on #FFBCD9 | 1.32:1 | — |
| Aa #FFBCD9 on #FFE5EF | 1.32:1 | — |
| Aa #FFBCD9 on #FFE5BD | 1.28:1 | — |
| Aa #BDF6FE on #6DEDFD | 1.17:1 | — |
| Aa #6DEDFD on #FFE5EF | 1.17:1 | — |
| Aa #FFE5BD on #6DEDFD | 1.13:1 | — |
CSS variables
:root {
--color-1: #bdf6fe; /* Pale Sky */
--color-2: #ffbcd9; /* Cotton Candy */
--color-3: #ffe5bd; /* Peach Smoothie */
--color-4: #6dedfd; /* Robin’s Egg */
--color-5: #ffe5ef; /* Sweetly */
}Other schemes from Pale Sky
- Pale Sky Complementary Color Scheme#BDF6FE#E7FEFF#FFC4BC#FA8072#FFE8E5
- Pale Sky Analogous Color Scheme#BDFFCA#B8FFEB#BDF6FE#BBDAF8#CCBBFF
- Pale Sky Triadic Color Scheme#BDF6FE#F8B8F8#FDFCBF#E7FEFF#FF77EE
- Pale Sky Tetradic Color Scheme#BDF6FE#EEBBFF#FFC4BC#D1FFBD#E7FEFF
- Pale Sky Monochromatic Color Scheme#22EEFF#6DEDFD#BDF6FE#E7FEFF#E7FEFF
More very light teal split-complementary color schemes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with Pale Sky?
In a split-complementary scheme: Cotton Candy (#FFBCD9), Peach Smoothie (#FFE5BD), Robin’s Egg (#6DEDFD), Sweetly (#FFE5EF).
What is the hex code of Pale Sky?
#BDF6FE.