Cloudless Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cloudless (#D6EAFC), each snapped to its nearest named color.
#D6EAFC
#FDD7D8
#FFFBD7
#92CBF1
#FDE6E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cloudless | #D6EAFC | 214, 234, 252 | 208°, 86%, 91% | 15, 7, 0, 1 | 92.8% 0.032 245 | |
| We Peep | #FDD7D8 | 253, 215, 216 | 358°, 90%, 92% | 0, 15, 15, 1 | 91.1% 0.043 16 | |
| Country Summer | #FFFBD7 | 255, 251, 215 | 54°, 100%, 92% | 0, 2, 16, 0 | 98.2% 0.047 102 | |
| Pacific Ocean | #92CBF1 | 146, 203, 241 | 204°, 77%, 76% | 39, 16, 0, 5 | 81.6% 0.080 238 | |
| Valerie | #FDE6E7 | 253, 230, 231 | 357°, 85%, 95% | 0, 9, 9, 1 | 94.4% 0.025 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFFBD7 on #92CBF1 | 1.66:1 | — |
| Aa #92CBF1 on #FDE6E7 | 1.47:1 | — |
| Aa #D6EAFC on #92CBF1 | 1.42:1 | — |
| Aa #FDD7D8 on #92CBF1 | 1.32:1 | — |
| Aa #FDD7D8 on #FFFBD7 | 1.26:1 | — |
| Aa #D6EAFC on #FFFBD7 | 1.18:1 | — |
CSS variables
:root {
--color-1: #d6eafc; /* Cloudless */
--color-2: #fdd7d8; /* We Peep */
--color-3: #fffbd7; /* Country Summer */
--color-4: #92cbf1; /* Pacific Ocean */
--color-5: #fde6e7; /* Valerie */
}Other schemes from Cloudless
- Cloudless Complementary Color Scheme#D6EAFC#E8F5FC#FCE9D6#F3C090#FFF1E8
- Cloudless Analogous Color Scheme#D0F7E4#D6FFFA#D6EAFC#CFDAFB#EECFFE
- Cloudless Triadic Color Scheme#D6EAFC#FED5E9#EDFAD9#E8F5FC#F887C7
- Cloudless Tetradic Color Scheme#D6EAFC#FED0FC#FCE9D6#DDFFDD#E8F5FC
- Cloudless Monochromatic Color Scheme#49A0E7#92CBF1#D6EAFC#E8F5FC#E8F5FC
More very light blue split-complementary color schemes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with Cloudless?
In a split-complementary scheme: We Peep (#FDD7D8), Country Summer (#FFFBD7), Pacific Ocean (#92CBF1), Valerie (#FDE6E7).
What is the hex code of Cloudless?
#D6EAFC.