Subtle Breeze Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Subtle Breeze (#B5D2D8), each snapped to its nearest named color.
#B5D2D8
#D6B3C0
#D9CCB6
#81B6BC
#F1E8EC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Subtle Breeze | #B5D2D8 | 181, 210, 216 | 190°, 31%, 78% | 16, 3, 0, 15 | |
| Mauvelous | #D6B3C0 | 214, 179, 192 | 338°, 30%, 77% | 0, 16, 10, 16 | |
| Sandstone Palette | #D9CCB6 | 217, 204, 182 | 38°, 32%, 78% | 0, 6, 16, 15 | |
| Lifeboat Blue | #81B6BC | 129, 182, 188 | 186°, 31%, 62% | 31, 3, 0, 26 | |
| Rose Fantasy | #F1E8EC | 241, 232, 236 | 333°, 24%, 93% | 0, 4, 2, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #81B6BC on #F1E8EC | 1.87:1 | — |
| Aa #D6B3C0 on #F1E8EC | 1.58:1 | — |
| Aa #D9CCB6 on #81B6BC | 1.42:1 | — |
| Aa #B5D2D8 on #81B6BC | 1.41:1 | — |
| Aa #B5D2D8 on #F1E8EC | 1.33:1 | — |
| Aa #D9CCB6 on #F1E8EC | 1.32:1 | — |
CSS variables
:root {
--color-1: #b5d2d8; /* Subtle Breeze */
--color-2: #d6b3c0; /* Mauvelous */
--color-3: #d9ccb6; /* Sandstone Palette */
--color-4: #81b6bc; /* Lifeboat Blue */
--color-5: #f1e8ec; /* Rose Fantasy */
}Other schemes from Subtle Breeze
- Subtle Breeze Complementary Color Scheme#B5D2D8#F0F4F8#D9BCB7#BB8E84#F7EFEF
- Subtle Breeze Analogous Color Scheme#B4D5BD#B4D6CB#B5D2D8#B7C0D7#BAB8D3
- Subtle Breeze Triadic Color Scheme#B5D2D8#D5B6D4#D2D8B5#F0F4F8#BA86B5
- Subtle Breeze Tetradic Color Scheme#B5D2D8#CAB4D4#D9BCB7#C1D6B1#F0F4F8
- Subtle Breeze Monochromatic Color Scheme#5796A1#81B6BC#B5D2D8#E6F1F1#F0F4F8
More Light Teal split-complementary palettes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- Aquatic Split-complementary Color Scheme#99C1CC#CC99AA#CDBE96#66A4B0#E4CCD4
- Aquatic Edge Split-complementary Color Scheme#BFD6D1#D9BFCE#DAC5BD#89BAB2#F5F0F1
- Bambino Split-complementary Color Scheme#8EDACC#DA93C1#D8A48F#58C8B6#EFC6E1
- Bath Water Split-complementary Color Scheme#88EEEE#FF88BB#EEBB88#45E9FD#F5CEE6
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Bevelled Glass Split-complementary Color Scheme#7ACCB8#CD7DB5#CB8F7B#42B395#E4ADD3
- Blizzard Blue Split-complementary Color Scheme#A3E3ED#F0A3BC#EDD2A3#6CDAE7#FAE2ED
- Blue Eye Samurai Split-complementary Color Scheme#75AEBD#BB7788#BEA775#49889A#D8AAB7
- Catch the Wave Split-complementary Color Scheme#B5DCD8#DAB6CD#DAC5B6#89C1BA#F4EAF0
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
Questions
What colors go with Subtle Breeze?
In a split-complementary scheme: Mauvelous (#D6B3C0), Sandstone Palette (#D9CCB6), Lifeboat Blue (#81B6BC), Rose Fantasy (#F1E8EC).
What is the hex code of Subtle Breeze?
#B5D2D8.