Breeze Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Breeze (#AEC9EA), each snapped to its nearest named color.
#AEC9EA
#E6B0AF
#E8EBAF
#71A2D4
#F9EAEB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Breeze | #AEC9EA | 174, 201, 234 | 213°, 59%, 80% | 26, 14, 0, 8 | |
| Chewing Gum | #E6B0AF | 230, 176, 175 | 1°, 52%, 79% | 0, 23, 24, 10 | |
| Tender Yellow | #E8EBAF | 232, 235, 175 | 63°, 60%, 80% | 1, 0, 26, 8 | |
| Kindred | #71A2D4 | 113, 162, 212 | 210°, 54%, 64% | 47, 24, 0, 17 | |
| Arrowhead White | #F9EAEB | 249, 234, 235 | 356°, 56%, 95% | 0, 6, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #71A2D4 on #F9EAEB | 2.30:1 | — |
| Aa #E8EBAF on #71A2D4 | 2.17:1 | — |
| Aa #E6B0AF on #F9EAEB | 1.61:1 | — |
| Aa #AEC9EA on #71A2D4 | 1.58:1 | — |
| Aa #E6B0AF on #E8EBAF | 1.51:1 | — |
| Aa #AEC9EA on #F9EAEB | 1.46:1 | — |
CSS variables
:root {
--color-1: #aec9ea; /* Breeze */
--color-2: #e6b0af; /* Chewing Gum */
--color-3: #e8ebaf; /* Tender Yellow */
--color-4: #71a2d4; /* Kindred */
--color-5: #f9eaeb; /* Arrowhead White */
}Other schemes from Breeze
- Breeze Complementary Color Scheme#AEC9EA#ECF3F9#EBCFAE#D9A96F#F8F4ED
- Breeze Analogous Color Scheme#ADEACE#B1EAE8#AEC9EA#ACACE6#DDAAEE
- Breeze Triadic Color Scheme#AEC9EA#E9ADCA#CEEBB2#ECF3F9#DE70A1
- Breeze Tetradic Color Scheme#AEC9EA#EDABE6#EBCFAE#AAEEAA#ECF3F9
- Breeze Monochromatic Color Scheme#3377CC#71A2D4#AEC9EA#ECF3F9#ECF3F9
More Very Light Blue split-complementary palettes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
- Broad Daylight Split-complementary Color Scheme#BBDDFF#FFBBBB#FFFFBB#77B5FE#FFE6E4
Questions
What colors go with Breeze?
In a split-complementary scheme: Chewing Gum (#E6B0AF), Tender Yellow (#E8EBAF), Kindred (#71A2D4), Arrowhead White (#F9EAEB).
What is the hex code of Breeze?
#AEC9EA.