Ocean Breeze Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ocean Breeze (#D3E5EB), each snapped to its nearest named color.
#D3E5EB
#ECD5D9
#EBE5D2
#9BC4D4
#F7EFEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ocean Breeze | #D3E5EB | 211, 229, 235 | 195°, 37%, 87% | 10, 3, 0, 8 | |
| Berry Taffy | #ECD5D9 | 236, 213, 217 | 350°, 38%, 88% | 0, 10, 8, 7 | |
| Always Almond | #EBE5D2 | 235, 229, 210 | 46°, 38%, 87% | 0, 3, 11, 8 | |
| June | #9BC4D4 | 155, 196, 212 | 197°, 40%, 72% | 27, 8, 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 #9BC4D4 on #F7EFEF | 1.65:1 | — |
| Aa #EBE5D2 on #9BC4D4 | 1.48:1 | — |
| Aa #D3E5EB on #9BC4D4 | 1.44:1 | — |
| Aa #ECD5D9 on #9BC4D4 | 1.34:1 | — |
| Aa #ECD5D9 on #F7EFEF | 1.23:1 | — |
| Aa #D3E5EB on #F7EFEF | 1.15:1 | — |
CSS variables
:root {
--color-1: #d3e5eb; /* Ocean Breeze */
--color-2: #ecd5d9; /* Berry Taffy */
--color-3: #ebe5d2; /* Always Almond */
--color-4: #9bc4d4; /* June */
--color-5: #f7efef; /* Vienna Dawn */
}Other schemes from Ocean Breeze
- Ocean Breeze Complementary Color Scheme#D3E5EB#EBF6F7#E9D9D4#D1AE9A#F6F0EB
- Ocean Breeze Analogous Color Scheme#D6EAD8#D3ECE4#D3E5EB#D2DAED#D7D1E9
- Ocean Breeze Triadic Color Scheme#D3E5EB#EBD3E4#E6ECD6#EBF6F7#DA9EC5
- Ocean Breeze Tetradic Color Scheme#D3E5EB#E7D6ED#E9D9D4#D8EBD6#EBF6F7
- Ocean Breeze Monochromatic Color Scheme#69A4B9#9BC4D4#D3E5EB#EBF6F7#EBF6F7
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 Ocean Breeze?
In a split-complementary scheme: Berry Taffy (#ECD5D9), Always Almond (#EBE5D2), June (#9BC4D4), Vienna Dawn (#F7EFEF).
What is the hex code of Ocean Breeze?
#D3E5EB.