Peek-a-Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Peek-a-Blue (#C5E1E1), each snapped to its nearest named color.
#C5E1E1
#E1C6D4
#E1D5C2
#95CBC4
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Peek-a-Blue | #C5E1E1 | 197, 225, 225 | 180°, 32%, 83% | 12, 0, 0, 12 | |
| Etcetera | #E1C6D4 | 225, 198, 212 | 329°, 31%, 83% | 0, 12, 6, 12 | |
| Illusive Dream | #E1D5C2 | 225, 213, 194 | 37°, 34%, 82% | 0, 5, 14, 12 | |
| Jamaica Bay | #95CBC4 | 149, 203, 196 | 172°, 34%, 69% | 27, 0, 3, 20 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #95CBC4 on #F8EEF4 | 1.59:1 | — |
| Aa #E1C6D4 on #F8EEF4 | 1.40:1 | — |
| Aa #C5E1E1 on #95CBC4 | 1.31:1 | — |
| Aa #E1D5C2 on #F8EEF4 | 1.28:1 | — |
| Aa #E1D5C2 on #95CBC4 | 1.25:1 | — |
| Aa #C5E1E1 on #F8EEF4 | 1.22:1 | — |
CSS variables
:root {
--color-1: #c5e1e1; /* Peek-a-Blue */
--color-2: #e1c6d4; /* Etcetera */
--color-3: #e1d5c2; /* Illusive Dream */
--color-4: #95cbc4; /* Jamaica Bay */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Peek-a-Blue
- Peek-a-Blue Complementary Color Scheme#C5E1E1#ECF7F7#E1C7C6#C89095#F6EEED
- Peek-a-Blue Analogous Color Scheme#C5E1C3#C6E3D3#C5E1E1#C6D4E1#C4C9E2
- Peek-a-Blue Triadic Color Scheme#C5E1E1#E7C3E7#E2E1C6#ECF7F7#C290C5
- Peek-a-Blue Tetradic Color Scheme#C5E1E1#D1CAE1#E1C7C6#D6E1C2#ECF7F7
- Peek-a-Blue Monochromatic Color Scheme#61AAB1#95CBC4#C5E1E1#ECF7F7#ECF7F7
More Very Light Teal split-complementary palettes
- 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 Peek-a-Blue?
In a split-complementary scheme: Etcetera (#E1C6D4), Illusive Dream (#E1D5C2), Jamaica Bay (#95CBC4), Sentimental Pink (#F8EEF4).
What is the hex code of Peek-a-Blue?
#C5E1E1.