Sleepless Blue Triadic Color Scheme
Five colors arranged by the triadic rule around Sleepless Blue (#BADBED), each snapped to its nearest named color.
#BADBED
#EEBBDD
#DDEEBB
#ECF3F9
#CD7DB5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sleepless Blue | #BADBED | 186, 219, 237 | 201°, 59%, 83% | 22, 8, 0, 7 | |
| Rosecco | #EEBBDD | 238, 187, 221 | 320°, 60%, 83% | 0, 21, 7, 7 | |
| Fennel Bulb | #DDEEBB | 221, 238, 187 | 80°, 60%, 83% | 7, 0, 21, 7 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 | |
| Peruvian Lily | #CD7DB5 | 205, 125, 181 | 318°, 44%, 65% | 0, 39, 12, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECF3F9 on #CD7DB5 | 2.61:1 | — |
| Aa #DDEEBB on #CD7DB5 | 2.37:1 | — |
| Aa #BADBED on #CD7DB5 | 2.01:1 | — |
| Aa #EEBBDD on #CD7DB5 | 1.78:1 | — |
| Aa #EEBBDD on #ECF3F9 | 1.47:1 | — |
| Aa #EEBBDD on #DDEEBB | 1.33:1 | — |
CSS variables
:root {
--color-1: #badbed; /* Sleepless Blue */
--color-2: #eebbdd; /* Rosecco */
--color-3: #ddeebb; /* Fennel Bulb */
--color-4: #ecf3f9; /* Insignia White */
--color-5: #cd7db5; /* Peruvian Lily */
}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 Split-complementary Color Scheme#BADBED#ECBAC0#EFE5BB#7FB9DD#F8EAED
- Sleepless Blue Tetradic Color Scheme#BADBED#EEBBEE#EECCBB#C2ECBC#ECF3F9
- Sleepless Blue Monochromatic Color Scheme#4499CC#7FB9DD#BADBED#ECF3F9#ECF3F9
More Very Light Blue triadic palettes
- A Dime a Dozen Triadic Color Scheme#D3DDE4#E5D2DD#DBE5D2#EEF2F3#C8A3B8
- Andromeda Blue Triadic Color Scheme#ABCDEE#EEAACC#D5EBAC#EAF4FC#E86EAD
- Après-Ski Triadic Color Scheme#CED5E4#E2CDD5#D5E3D0#EDF2F8#C59DAA
- Ariel Triadic Color Scheme#AED7EA#E6AED3#D5EBAC#EBF4FC#DD66BB
- Baby Blue Triadic Color Scheme#A2CFFE#FFA6C9#C1F9A2#E8F5FC#FF55AA
- Bird Bath Blue Triadic Color Scheme#CDDFE7#E6CCDD#DFE6CF#F0F4F8#CC99BB
- Blue Silk Triadic Color Scheme#D0DCE8#E7D1DD#DBE8CF#EDF2F8#CE9FB4
- Breaking the Ice Triadic Color Scheme#B8E4F5#F1BFE2#E3EFB2#E8F7FD#E56CC0
- Breath of Fresh Air Triadic Color Scheme#C7DBE4#E5C8D9#DBE2C9#F0F4F8#CC94BE
- Breeze Triadic Color Scheme#AEC9EA#E9ADCA#CEEBB2#ECF3F9#DE70A1
- Breezy Triadic Color Scheme#C2DDE6#E7C2DE#DEE3C0#EBF6F7#D492BD
- Bright Star Triadic Color Scheme#DDE2E6#E7DBE1#E1E9DB#EEF2F3#CAA7BB
Questions
What colors go with Sleepless Blue?
In a triadic scheme: Rosecco (#EEBBDD), Fennel Bulb (#DDEEBB), Insignia White (#ECF3F9), Peruvian Lily (#CD7DB5).
What is the hex code of Sleepless Blue?
#BADBED.