H₂O Triadic Color Scheme
Five colors arranged by the triadic rule around H₂O (#BFE1E6), each snapped to its nearest named color.
#BFE1E6
#F1BFE2
#E5E3BF
#ECF7F7
#CE94C2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| H₂O | #BFE1E6 | 191, 225, 230 | 188°, 44%, 83% | 17, 2, 0, 10 | 88.7% 0.036 207 | |
| Lavender Soap | #F1BFE2 | 241, 191, 226 | 318°, 64%, 85% | 0, 21, 6, 5 | 85.9% 0.073 337 | |
| Spring Fever | #E5E3BF | 229, 227, 191 | 57°, 42%, 82% | 0, 1, 17, 10 | 90.8% 0.048 105 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | 96.8% 0.012 197 | |
| Carnation Rose | #CE94C2 | 206, 148, 194 | 312°, 37%, 69% | 0, 28, 6, 19 | 73.7% 0.092 334 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECF7F7 on #CE94C2 | 2.22:1 | — |
| Aa #E5E3BF on #CE94C2 | 1.86:1 | — |
| Aa #BFE1E6 on #CE94C2 | 1.75:1 | — |
| Aa #F1BFE2 on #CE94C2 | 1.54:1 | — |
| Aa #F1BFE2 on #ECF7F7 | 1.45:1 | — |
| Aa #BFE1E6 on #ECF7F7 | 1.27:1 | — |
CSS variables
:root {
--color-1: #bfe1e6; /* H₂O */
--color-2: #f1bfe2; /* Lavender Soap */
--color-3: #e5e3bf; /* Spring Fever */
--color-4: #ecf7f7; /* Aijiro White */
--color-5: #ce94c2; /* Carnation Rose */
}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 Split-complementary Color Scheme#BFE1E6#E5BFCA#E7D8BE#85C8D3#F7EFEF
- H₂O Tetradic Color Scheme#BFE1E6#D3BFE5#E8C3BF#D3E3BF#ECF7F7
- H₂O Monochromatic Color Scheme#55AABB#85C8D3#BFE1E6#ECF7F7#ECF7F7
More very light teal triadic color schemes
- Airy Triadic Color Scheme#DAE6E9#E9DBE4#E5E8D9#F1F3F3#CCACC1
- Alpine Expedition Triadic Color Scheme#99EEFF#FF99EE#EEFF99#E7FEFF#FF55EE
- Antiguan Triadic Color Scheme#BDDFD8#D4BDDF#DFD7BD#ECF7F7#B48AC2
- Bare Mintimum Triadic Color Scheme#D6E3E7#E4D7E5#E3E6D6#F0F4F8#CCACC1
- Blister Pearl Triadic Color Scheme#AAFFEE#EEAAFF#FFEEAA#E7FEFF#DD55FF
- Bone-Chilling Triadic Color Scheme#E1F2F0#EFE2F2#F2EFE1#ECF7F7#D4AFDA
- Break the Ice Triadic Color Scheme#B2E1EE#F2ABE1#E3EFB2#EEF7FA#E56CC0
- Bubbles Triadic Color Scheme#E7FEFF#FFEBFE#FFFFE5#E7FEFF#FF99FF
- Calm Waters Triadic Color Scheme#E7FAFA#FCEBFA#FBF9E8#EBFCFC#EEAAEE
- Castle in the Sky Triadic Color Scheme#D1EAED#F0D5EA#EAEBD1#ECF7F7#D39ED2
- Cold Canada Triadic Color Scheme#DBFFFE#FFDDFF#FFFED9#E7FEFF#FF88FF
- Cold Omen Triadic Color Scheme#D6EAE8#E7D8EA#E9E9D5#ECF7F7#C6A1CF
Questions
What colors go with H₂O?
In a triadic scheme: Lavender Soap (#F1BFE2), Spring Fever (#E5E3BF), Aijiro White (#ECF7F7), Carnation Rose (#CE94C2).
What is the hex code of H₂O?
#BFE1E6.