Sleepless Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sleepless Blue (#BADBED), each snapped to its nearest named color.
#BADBED
#ECBAC0
#EFE5BB
#7FB9DD
#F8EAED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sleepless Blue | #BADBED | 186, 219, 237 | 201°, 59%, 83% | 22, 8, 0, 7 | |
| Cat Nose | #ECBAC0 | 236, 186, 192 | 353°, 57%, 83% | 0, 21, 19, 7 | |
| Designer Cream Yellow | #EFE5BB | 239, 229, 187 | 48°, 62%, 84% | 0, 4, 22, 6 | |
| 21st Century Blue | #7FB9DD | 127, 185, 221 | 203°, 58%, 68% | 43, 16, 0, 13 | |
| Morning Shine | #F8EAED | 248, 234, 237 | 347°, 50%, 95% | 0, 6, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7FB9DD on #F8EAED | 1.82:1 | — |
| Aa #EFE5BB on #7FB9DD | 1.68:1 | — |
| Aa #BADBED on #7FB9DD | 1.46:1 | — |
| Aa #ECBAC0 on #F8EAED | 1.46:1 | — |
| Aa #ECBAC0 on #EFE5BB | 1.34:1 | — |
| Aa #ECBAC0 on #7FB9DD | 1.25:1 | — |
CSS variables
:root {
--color-1: #badbed; /* Sleepless Blue */
--color-2: #ecbac0; /* Cat Nose */
--color-3: #efe5bb; /* Designer Cream Yellow */
--color-4: #7fb9dd; /* 21st Century Blue */
--color-5: #f8eaed; /* Morning Shine */
}Other schemes from Sleepless Blue
- Sleepless Blue Complementary Color Scheme#BADBED#ECF3F9#EECCBB#DE9D7C#F8F1EB
- Sleepless Blue Analogous Color Scheme#B6E9C8#B8E9E4#BADBED#B7C0EA#CCBBEE
- Sleepless Blue Triadic Color Scheme#BADBED#EEBBDD#DDEEBB#ECF3F9#CD7DB5
- Sleepless Blue Tetradic Color Scheme#BADBED#EEBBEE#EECCBB#C2ECBC#ECF3F9
- Sleepless Blue Monochromatic Color Scheme#4499CC#7FB9DD#BADBED#ECF3F9#ECF3F9
More Very Light Blue split-complementary palettes
- 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 Sleepless Blue?
In a split-complementary scheme: Cat Nose (#ECBAC0), Designer Cream Yellow (#EFE5BB), 21st Century Blue (#7FB9DD), Morning Shine (#F8EAED).
What is the hex code of Sleepless Blue?
#BADBED.