H₂O Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around H₂O (#BFE1E6), each snapped to its nearest named color.
#55AABB
#85C8D3
#BFE1E6
#ECF7F7
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Verditer Blue | #55AABB | 85, 170, 187 | 190°, 43%, 53% | 55, 9, 0, 27 | 69.2% 0.086 212 | |
| Not a Cloud in Sight | #85C8D3 | 133, 200, 211 | 188°, 47%, 67% | 37, 5, 0, 17 | 79.2% 0.069 209 | |
| H₂O | #BFE1E6 | 191, 225, 230 | 188°, 44%, 83% | 17, 2, 0, 10 | 88.7% 0.036 207 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | 96.8% 0.012 197 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | 96.8% 0.012 197 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #55AABB on #ECF7F7 | 2.45:1 | — |
| Aa #55AABB on #ECF7F7 | 2.45:1 | — |
| Aa #55AABB on #BFE1E6 | 1.93:1 | — |
| Aa #85C8D3 on #ECF7F7 | 1.72:1 | — |
| Aa #85C8D3 on #ECF7F7 | 1.72:1 | — |
| Aa #55AABB on #85C8D3 | 1.43:1 | — |
CSS variables
:root {
--color-1: #55aabb; /* Verditer Blue */
--color-2: #85c8d3; /* Not a Cloud in Sight */
--color-3: #bfe1e6; /* H₂O */
--color-4: #ecf7f7; /* Aijiro White */
--color-5: #ecf7f7; /* Aijiro White */
}Other schemes from H₂O
- H₂O Complementary Color Scheme#BFE1E6#ECF7F7#E8C3BF#D29487#F6EEED
- H₂O Analogous Color Scheme#BAE7C7#BDE8D8#BFE1E6#BCCAE8#CCBBE3
- H₂O Triadic Color Scheme#BFE1E6#F1BFE2#E5E3BF#ECF7F7#CE94C2
- H₂O Split-complementary Color Scheme#BFE1E6#E5BFCA#E7D8BE#85C8D3#F7EFEF
- H₂O Tetradic Color Scheme#BFE1E6#D3BFE5#E8C3BF#D3E3BF#ECF7F7
More very light teal monochromatic color schemes
- 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 H₂O?
In a monochromatic scheme: Verditer Blue (#55AABB), Not a Cloud in Sight (#85C8D3), Aijiro White (#ECF7F7), Aijiro White (#ECF7F7).
What is the hex code of H₂O?
#BFE1E6.