Opal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Opal (#AEE0E4), each snapped to its nearest named color.
#AEE0E4
#E0ADC4
#E4CEAE
#79C9D1
#F8EAED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Opal | #AEE0E4 | 174, 224, 228 | 184°, 50%, 79% | 24, 2, 0, 11 | |
| Roseate Spoonbill | #E0ADC4 | 224, 173, 196 | 333°, 45%, 78% | 0, 23, 12, 12 | |
| Classic Terra | #E4CEAE | 228, 206, 174 | 36°, 50%, 79% | 0, 10, 24, 11 | |
| Valonia | #79C9D1 | 121, 201, 209 | 185°, 49%, 65% | 42, 4, 0, 18 | |
| Morning Shine | #F8EAED | 248, 234, 237 | 347°, 50%, 95% | 0, 6, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E0ADC4 on #F8EAED | 1.64:1 | — |
| Aa #79C9D1 on #F8EAED | 1.62:1 | — |
| Aa #AEE0E4 on #E0ADC4 | 1.33:1 | — |
| Aa #AEE0E4 on #79C9D1 | 1.32:1 | — |
| Aa #E4CEAE on #F8EAED | 1.31:1 | — |
| Aa #E0ADC4 on #E4CEAE | 1.26:1 | — |
CSS variables
:root {
--color-1: #aee0e4; /* Opal */
--color-2: #e0adc4; /* Roseate Spoonbill */
--color-3: #e4ceae; /* Classic Terra */
--color-4: #79c9d1; /* Valonia */
--color-5: #f8eaed; /* Morning Shine */
}Other schemes from Opal
- Opal Complementary Color Scheme#AEE0E4#EEF7FA#E6B0AF#D47A76#F9ECEA
- Opal Analogous Color Scheme#ACE1AF#B2E4CD#AEE0E4#ACC7E5#ACACE6
- Opal Triadic Color Scheme#AEE0E4#E8A7E2#E1E5AC#EEF7FA#CC77CC
- Opal Tetradic Color Scheme#AEE0E4#D6B7E2#E6B0AF#CAE4B2#EEF7FA
- Opal Monochromatic Color Scheme#3FBABD#79C9D1#AEE0E4#E8F4F7#EEF7FA
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 Opal?
In a split-complementary scheme: Roseate Spoonbill (#E0ADC4), Classic Terra (#E4CEAE), Valonia (#79C9D1), Morning Shine (#F8EAED).
What is the hex code of Opal?
#AEE0E4.