Peek-a-Blue Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Peek-a-Blue (#C5E1E1), each snapped to its nearest named color.
#61AAB1
#95CBC4
#C5E1E1
#ECF7F7
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Aquarelle | #61AAB1 | 97, 170, 177 | 185°, 34%, 54% | 45, 4, 0, 31 | |
| Jamaica Bay | #95CBC4 | 149, 203, 196 | 172°, 34%, 69% | 27, 0, 3, 20 | |
| Peek-a-Blue | #C5E1E1 | 197, 225, 225 | 180°, 32%, 83% | 12, 0, 0, 12 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #61AAB1 on #ECF7F7 | 2.43:1 | — |
| Aa #61AAB1 on #ECF7F7 | 2.43:1 | — |
| Aa #61AAB1 on #C5E1E1 | 1.93:1 | — |
| Aa #95CBC4 on #ECF7F7 | 1.65:1 | — |
| Aa #95CBC4 on #ECF7F7 | 1.65:1 | — |
| Aa #61AAB1 on #95CBC4 | 1.47:1 | — |
CSS variables
:root {
--color-1: #61aab1; /* Aquarelle */
--color-2: #95cbc4; /* Jamaica Bay */
--color-3: #c5e1e1; /* Peek-a-Blue */
--color-4: #ecf7f7; /* Aijiro White */
--color-5: #ecf7f7; /* Aijiro White */
}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 Split-complementary Color Scheme#C5E1E1#E1C6D4#E1D5C2#95CBC4#F8EEF4
- Peek-a-Blue Tetradic Color Scheme#C5E1E1#D1CAE1#E1C7C6#D6E1C2#ECF7F7
More Very Light Teal monochromatic palettes
- Airy Monochromatic Color Scheme#77A2AD#A9C6CB#DAE6E9#F1F3F3#F1F3F3
- Alpine Expedition Monochromatic Color Scheme#04D9FF#45E9FD#99EEFF#E7FEFF#E7FEFF
- Antiguan Monochromatic Color Scheme#54AF9C#8AC5BA#BDDFD8#ECF7F7#ECF7F7
- Bare Mintimum Monochromatic Color Scheme#76A0AF#A6C4CA#D6E3E7#F0F4F8#F0F4F8
- Blister Pearl Monochromatic Color Scheme#00FFCC#55FFCC#AAFFEE#E7FEFF#E7FEFF
- Bone-Chilling Monochromatic Color Scheme#7AC0BB#AEDDD3#E1F2F0#ECF7F7#ECF7F7
- Break the Ice Monochromatic Color Scheme#38AFCD#75C7E0#B2E1EE#EEF7FA#EEF7FA
- Bubbles Monochromatic Color Scheme#53F6FF#9CFAFF#E7FEFF#E7FEFF#E7FEFF
- Calm Waters Monochromatic Color Scheme#6FEBE3#AFEEEE#E7FAFA#EBFCFC#EBFCFC
- Castle in the Sky Monochromatic Color Scheme#62B4C0#98D2D9#D1EAED#ECF7F7#ECF7F7
- Cold Canada Monochromatic Color Scheme#41FDFE#88FFFF#DBFFFE#E7FEFF#E7FEFF
- Cold Omen Monochromatic Color Scheme#72B2AF#A5D0CB#D6EAE8#ECF7F7#ECF7F7
Questions
What colors go with Peek-a-Blue?
In a monochromatic scheme: Aquarelle (#61AAB1), Jamaica Bay (#95CBC4), Aijiro White (#ECF7F7), Aijiro White (#ECF7F7).
What is the hex code of Peek-a-Blue?
#C5E1E1.