Fresh Air Complementary Color Scheme
Five colors arranged by the complementary rule around Fresh Air (#A6E7FF), each snapped to its nearest named color.
#A6E7FF
#E8F7FD
#FBBCA7
#FF8656
#FFECE5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fresh Air | #A6E7FF | 166, 231, 255 | 196°, 100%, 83% | 35, 9, 0, 0 | |
| Clear Skies | #E8F7FD | 232, 247, 253 | 197°, 84%, 95% | 8, 2, 0, 1 | |
| Blushing Apricot | #FBBCA7 | 251, 188, 167 | 15°, 91%, 82% | 0, 25, 33, 2 | |
| Nectarine | #FF8656 | 255, 134, 86 | 17°, 100%, 67% | 0, 47, 66, 0 | |
| Peach Breeze | #FFECE5 | 255, 236, 229 | 16°, 100%, 95% | 0, 7, 10, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E8F7FD on #FF8656 | 2.18:1 | — |
| Aa #FF8656 on #FFECE5 | 2.09:1 | — |
| Aa #A6E7FF on #FF8656 | 1.76:1 | — |
| Aa #E8F7FD on #FBBCA7 | 1.49:1 | — |
| Aa #FBBCA7 on #FF8656 | 1.46:1 | — |
| Aa #FBBCA7 on #FFECE5 | 1.43:1 | — |
CSS variables
:root {
--color-1: #a6e7ff; /* Fresh Air */
--color-2: #e8f7fd; /* Clear Skies */
--color-3: #fbbca7; /* Blushing Apricot */
--color-4: #ff8656; /* Nectarine */
--color-5: #ffece5; /* Peach Breeze */
}Other schemes from Fresh Air
- Fresh Air Analogous Color Scheme#A0FEBF#AAFFEE#A6E7FF#A2BFFE#B5AFFF
- Fresh Air Triadic Color Scheme#A6E7FF#FFAAEE#EEFFA9#E8F7FD#FF5CCD
- Fresh Air Split-complementary Color Scheme#A6E7FF#FEA7BD#FFEBA9#4CD5FF#FFE6EC
- Fresh Air Tetradic Color Scheme#A6E7FF#EEAAFF#FBBCA7#B2FBA5#E8F7FD
- Fresh Air Monochromatic Color Scheme#00BFFF#4CD5FF#A6E7FF#E8F7FD#E8F7FD
More Very Light Blue complementary palettes
- A Dime a Dozen Complementary Color Scheme#D3DDE4#EEF2F3#E4DAD3#CAB3A0#F6F2F1
- Andromeda Blue Complementary Color Scheme#ABCDEE#EAF4FC#EECCAA#E5AA70#F8F1EB
- Après-Ski Complementary Color Scheme#CED5E4#EDF2F8#E4DDCE#C6BB9C#F6F4EF
- Ariel Complementary Color Scheme#AED7EA#EBF4FC#E9C2AD#DD9475#F8F1EB
- Baby Blue Complementary Color Scheme#A2CFFE#E8F5FC#FDD1A4#FFAA55#FFF2E4
- Bird Bath Blue Complementary Color Scheme#CDDFE7#F0F4F8#E6D6CD#CCAA99#F7EFEF
- Blue Silk Complementary Color Scheme#D0DCE8#EDF2F8#E7DCCF#CEB79D#F8F4ED
- Breaking the Ice Complementary Color Scheme#B8E4F5#E8F7FD#F5C8BB#EE9977#FBEEE8
- Breath of Fresh Air Complementary Color Scheme#C7DBE4#F0F4F8#E3D1C8#CBA792#F7EFEF
- Breeze Complementary Color Scheme#AEC9EA#ECF3F9#EBCFAE#D9A96F#F8F4ED
- Breezy Complementary Color Scheme#C2DDE6#EBF6F7#E7CAC3#D29B8D#F8F1EB
- Bright Star Complementary Color Scheme#DDE2E6#EEF2F3#E9E1D9#CBB9AB#F6F2F1
Questions
What colors go with Fresh Air?
In a complementary scheme: Clear Skies (#E8F7FD), Blushing Apricot (#FBBCA7), Nectarine (#FF8656), Peach Breeze (#FFECE5).
What is the hex code of Fresh Air?
#A6E7FF.