Ariel Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ariel (#AED7EA), each snapped to its nearest named color.
#AED7EA
#EAABBC
#ECDFAD
#74B8DA
#F8EAED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ariel | #AED7EA | 174, 215, 234 | 199°, 59%, 80% | 26, 8, 0, 8 | |
| Kawaii | #EAABBC | 234, 171, 188 | 344°, 60%, 79% | 0, 27, 20, 8 | |
| Paccheri | #ECDFAD | 236, 223, 173 | 48°, 62%, 80% | 0, 6, 27, 7 | |
| Tribute | #74B8DA | 116, 184, 218 | 200°, 58%, 65% | 47, 16, 0, 15 | |
| Morning Shine | #F8EAED | 248, 234, 237 | 347°, 50%, 95% | 0, 6, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #74B8DA on #F8EAED | 1.87:1 | — |
| Aa #ECDFAD on #74B8DA | 1.64:1 | — |
| Aa #EAABBC on #F8EAED | 1.63:1 | — |
| Aa #AED7EA on #74B8DA | 1.43:1 | — |
| Aa #EAABBC on #ECDFAD | 1.42:1 | — |
| Aa #AED7EA on #F8EAED | 1.31:1 | — |
CSS variables
:root {
--color-1: #aed7ea; /* Ariel */
--color-2: #eaabbc; /* Kawaii */
--color-3: #ecdfad; /* Paccheri */
--color-4: #74b8da; /* Tribute */
--color-5: #f8eaed; /* Morning Shine */
}Other schemes from Ariel
- Ariel Complementary Color Scheme#AED7EA#EBF4FC#E9C2AD#DD9475#F8F1EB
- Ariel Analogous Color Scheme#B3E8C2#ADE6DB#AED7EA#ACB9E8#C2B2F0
- Ariel Triadic Color Scheme#AED7EA#E6AED3#D5EBAC#EBF4FC#DD66BB
- Ariel Tetradic Color Scheme#AED7EA#DDAAEE#E9C2AD#BAEBAE#EBF4FC
- Ariel Monochromatic Color Scheme#3799C8#74B8DA#AED7EA#EBF4FC#EBF4FC
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
- 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
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- 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 Ariel?
In a split-complementary scheme: Kawaii (#EAABBC), Paccheri (#ECDFAD), Tribute (#74B8DA), Morning Shine (#F8EAED).
What is the hex code of Ariel?
#AED7EA.