H₂O Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around H₂O (#BFE1E6), each snapped to its nearest named color.
#BFE1E6
#E5BFCA
#E7D8BE
#85C8D3
#F7EFEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| H₂O | #BFE1E6 | 191, 225, 230 | 188°, 44%, 83% | 17, 2, 0, 10 | |
| Soap Pink | #E5BFCA | 229, 191, 202 | 343°, 42%, 82% | 0, 17, 12, 10 | |
| Echelon Ecru | #E7D8BE | 231, 216, 190 | 38°, 46%, 83% | 0, 6, 18, 9 | |
| Not a Cloud in Sight | #85C8D3 | 133, 200, 211 | 188°, 47%, 67% | 37, 5, 0, 17 | |
| Vienna Dawn | #F7EFEF | 247, 239, 239 | 0°, 33%, 95% | 0, 3, 3, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #85C8D3 on #F7EFEF | 1.66:1 | — |
| Aa #E5BFCA on #F7EFEF | 1.47:1 | — |
| Aa #BFE1E6 on #85C8D3 | 1.35:1 | — |
| Aa #E7D8BE on #85C8D3 | 1.34:1 | — |
| Aa #E7D8BE on #F7EFEF | 1.24:1 | — |
| Aa #BFE1E6 on #F7EFEF | 1.23:1 | — |
CSS variables
:root {
--color-1: #bfe1e6; /* H₂O */
--color-2: #e5bfca; /* Soap Pink */
--color-3: #e7d8be; /* Echelon Ecru */
--color-4: #85c8d3; /* Not a Cloud in Sight */
--color-5: #f7efef; /* Vienna Dawn */
}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 Tetradic Color Scheme#BFE1E6#D3BFE5#E8C3BF#D3E3BF#ECF7F7
- H₂O Monochromatic Color Scheme#55AABB#85C8D3#BFE1E6#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 H₂O?
In a split-complementary scheme: Soap Pink (#E5BFCA), Echelon Ecru (#E7D8BE), Not a Cloud in Sight (#85C8D3), Vienna Dawn (#F7EFEF).
What is the hex code of H₂O?
#BFE1E6.