H₂O Tetradic Color Scheme
Five colors arranged by the tetradic rule around H₂O (#BFE1E6), each snapped to its nearest named color.
#BFE1E6
#D3BFE5
#E8C3BF
#D3E3BF
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| H₂O | #BFE1E6 | 191, 225, 230 | 188°, 44%, 83% | 17, 2, 0, 10 | |
| York Plum | #D3BFE5 | 211, 191, 229 | 272°, 42%, 82% | 8, 17, 0, 10 | |
| Crystal Pink | #E8C3BF | 232, 195, 191 | 6°, 47%, 83% | 0, 16, 18, 9 | |
| Irish Folklore | #D3E3BF | 211, 227, 191 | 87°, 39%, 82% | 7, 0, 16, 11 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D3BFE5 on #ECF7F7 | 1.56:1 | — |
| Aa #E8C3BF on #ECF7F7 | 1.48:1 | — |
| Aa #BFE1E6 on #ECF7F7 | 1.27:1 | — |
| Aa #D3BFE5 on #D3E3BF | 1.26:1 | — |
| Aa #D3E3BF on #ECF7F7 | 1.24:1 | — |
| Aa #BFE1E6 on #D3BFE5 | 1.22:1 | — |
CSS variables
:root {
--color-1: #bfe1e6; /* H₂O */
--color-2: #d3bfe5; /* York Plum */
--color-3: #e8c3bf; /* Crystal Pink */
--color-4: #d3e3bf; /* Irish Folklore */
--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 Monochromatic Color Scheme#55AABB#85C8D3#BFE1E6#ECF7F7#ECF7F7
More Very Light Teal tetradic palettes
- Airy Tetradic Color Scheme#DAE6E9#E3DAE9#E8DEDA#DFEADB#F1F3F3
- Alpine Expedition Tetradic Color Scheme#99EEFF#D59CFC#FFAA99#BBFF99#E7FEFF
- Antiguan Tetradic Color Scheme#BDDFD8#C6BEDD#DCBDC8#DDDEBE#ECF7F7
- Bare Mintimum Tetradic Color Scheme#D6E3E7#E3D6E9#E6DAD6#DAE9D6#F0F4F8
- Blister Pearl Tetradic Color Scheme#AAFFEE#CCAAFF#FFAABB#EEFFAA#E7FEFF
- Bone-Chilling Tetradic Color Scheme#E1F2F0#E7E0EE#F0E2E4#ECF3E1#ECF7F7
- Break the Ice Tetradic Color Scheme#B2E1EE#DDAAEE#F1BFB1#CEEBB2#EEF7FA
- Bubbles Tetradic Color Scheme#E7FEFF#F0EBFC#FFE8E5#F1FDE9#E7FEFF
- Calm Waters Tetradic Color Scheme#E7FAFA#EEE9F9#FBE7E6#F3F9E9#EBFCFC
- Castle in the Sky Tetradic Color Scheme#D1EAED#E9D2EF#ECD4D2#DAEED3#ECF7F7
- Cold Canada Tetradic Color Scheme#DBFFFE#EEDDFF#FFDADC#EEFFDD#E7FEFF
- Cold Omen Tetradic Color Scheme#D6EAE8#DDD6E7#ECD5D9#E3EAD6#ECF7F7
Questions
What colors go with H₂O?
In a tetradic scheme: York Plum (#D3BFE5), Crystal Pink (#E8C3BF), Irish Folklore (#D3E3BF), Aijiro White (#ECF7F7).
What is the hex code of H₂O?
#BFE1E6.