Sleepless Blue Analogous Color Scheme
Five colors arranged by the analogous rule around Sleepless Blue (#BADBED), each snapped to its nearest named color.
#B6E9C8
#B8E9E4
#BADBED
#B7C0EA
#CCBBEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mint-o-licious | #B6E9C8 | 182, 233, 200 | 141°, 54%, 81% | 22, 0, 14, 9 | |
| Tahitian Breeze | #B8E9E4 | 184, 233, 228 | 174°, 53%, 82% | 21, 0, 2, 9 | |
| Sleepless Blue | #BADBED | 186, 219, 237 | 201°, 59%, 83% | 22, 8, 0, 7 | |
| Larkspur Bud | #B7C0EA | 183, 192, 234 | 229°, 55%, 82% | 22, 18, 0, 8 | |
| Connecticut Lilac | #CCBBEE | 204, 187, 238 | 260°, 60%, 83% | 14, 21, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B8E9E4 on #B7C0EA | 1.35:1 | — |
| Aa #B8E9E4 on #CCBBEE | 1.33:1 | — |
| Aa #B6E9C8 on #B7C0EA | 1.32:1 | — |
| Aa #B6E9C8 on #CCBBEE | 1.30:1 | — |
| Aa #BADBED on #B7C0EA | 1.23:1 | — |
| Aa #BADBED on #CCBBEE | 1.21:1 | — |
CSS variables
:root {
--color-1: #b6e9c8; /* Mint-o-licious */
--color-2: #b8e9e4; /* Tahitian Breeze */
--color-3: #badbed; /* Sleepless Blue */
--color-4: #b7c0ea; /* Larkspur Bud */
--color-5: #ccbbee; /* Connecticut Lilac */
}Other schemes from Sleepless Blue
- Sleepless Blue Complementary Color Scheme#BADBED#ECF3F9#EECCBB#DE9D7C#F8F1EB
- Sleepless Blue Triadic Color Scheme#BADBED#EEBBDD#DDEEBB#ECF3F9#CD7DB5
- 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 analogous palettes
- A Dime a Dozen Analogous Color Scheme#D3E5DB#D2E3E3#D3DDE4#D3D4E5#DAD4E4
- Andromeda Blue Analogous Color Scheme#ABEDC9#AFEEEE#ABCDEE#ACACE6#C2B2F0
- Après-Ski Analogous Color Scheme#CEE3DC#CFE0E4#CED5E4#D2CCE5#DECCE4
- Ariel Analogous Color Scheme#B3E8C2#ADE6DB#AED7EA#ACB9E8#C2B2F0
- Baby Blue Analogous Color Scheme#A5FBD5#AAFFFF#A2CFFE#A0A0FF#CEA2FD
- Bird Bath Blue Analogous Color Scheme#D1E6D5#CAE7E2#CDDFE7#CBD3E6#D2CCE5
- Blue Silk Analogous Color Scheme#CFE9DC#CEE9E8#D0DCE8#D0D2E9#DBD1E8
- Breaking the Ice Analogous Color Scheme#BEF7CF#BBEEEE#B8E4F5#BFC0EE#CDB7FA
- Breath of Fresh Air Analogous Color Scheme#C8E3D2#C7E5DF#C7DBE4#C7CCE7#D0C8E6
- Breeze Analogous Color Scheme#ADEACE#B1EAE8#AEC9EA#ACACE6#DDAAEE
- Breezy Analogous Color Scheme#C5E7CD#C1E6DF#C2DDE6#C3CDE6#CAC1E2
- Bright Star Analogous Color Scheme#DAE8E1#DCE9E9#DDE2E6#D9D9EA#E3DAE9
Questions
What colors go with Sleepless Blue?
In a analogous scheme: Mint-o-licious (#B6E9C8), Tahitian Breeze (#B8E9E4), Larkspur Bud (#B7C0EA), Connecticut Lilac (#CCBBEE).
What is the hex code of Sleepless Blue?
#BADBED.