Celadon Triadic Color Scheme
Five colors arranged by the triadic rule around Celadon (#ACE1AF), each snapped to its nearest named color.
#ACE1AF
#ACACE6
#E6B0AF
#EBF8EF
#7777CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Celadon | #ACE1AF | 172, 225, 175 | 123°, 47%, 78% | 24, 0, 22, 12 | |
| Maximum Blue Purple | #ACACE6 | 172, 172, 230 | 240°, 54%, 79% | 25, 25, 0, 10 | |
| Chewing Gum | #E6B0AF | 230, 176, 175 | 1°, 52%, 79% | 0, 23, 24, 10 | |
| Soft Petals | #EBF8EF | 235, 248, 239 | 138°, 48%, 95% | 5, 0, 4, 3 | |
| Kickstart Purple | #7777CC | 119, 119, 204 | 240°, 45%, 63% | 42, 42, 0, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EBF8EF on #7777CC | 3.63:1 | AA large |
| Aa #ACE1AF on #7777CC | 2.67:1 | — |
| Aa #E6B0AF on #7777CC | 2.11:1 | — |
| Aa #ACACE6 on #EBF8EF | 1.96:1 | — |
| Aa #ACACE6 on #7777CC | 1.85:1 | — |
| Aa #E6B0AF on #EBF8EF | 1.72:1 | — |
CSS variables
:root {
--color-1: #ace1af; /* Celadon */
--color-2: #acace6; /* Maximum Blue Purple */
--color-3: #e6b0af; /* Chewing Gum */
--color-4: #ebf8ef; /* Soft Petals */
--color-5: #7777cc; /* Kickstart Purple */
}Other schemes from Celadon
- Celadon Complementary Color Scheme#ACE1AF#EBF8EF#E6A8D7#CC77CC#FCEBFA
- Celadon Analogous Color Scheme#DCE2AD#C8E0AB#ACE1AF#ABE3C9#ABDEE3
- Celadon Split-complementary Color Scheme#ACE1AF#D6B7E2#E0ADC4#6CCC7B#F0E5F5
- Celadon Tetradic Color Scheme#ACE1AF#ACC0E2#E6A8D7#E0CAAA#EBF8EF
- Celadon Monochromatic Color Scheme#41A94F#6CCC7B#ACE1AF#E3F5E5#EBF8EF
More Light Green triadic palettes
- A State of Mint Triadic Color Scheme#88FFCC#CC88FF#FFCC88#E6FDF1#BF3CFF
- Basil Smash Triadic Color Scheme#B7E1A1#A3BAE3#E3A1B8#F1F9EC#6688CC
- Bay Triadic Color Scheme#B3E2D3#D6B7E2#E1D4B4#ECF7F7#A87DC2
- Big Spender Triadic Color Scheme#ACDDAF#B6ADD8#DDADAF#EBF8EF#7777CC
- Bok Choy Triadic Color Scheme#BCCAB3#AEBBD0#CEAEBB#F0F4EB#7C94B2
- Botanist Triadic Color Scheme#9AD28C#8B98D8#CF8D9A#DAEED5#556CB5
- Cabbage Triadic Color Scheme#87D7BE#B790D4#D8BE89#D2EFE6#9955CC
- Camping Grounds Triadic Color Scheme#B4C2A2#9FB6C6#C19FB3#E4ECDF#6B8CA9
- Celadon Porcelain Triadic Color Scheme#7EBEA5#AB7CB4#BEA77D#C6E3D3#84549B
- Celery Mousse Triadic Color Scheme#C1FD95#99CCFF#F49AC2#F1FDE9#5097FC
- Copper Patina Triadic Color Scheme#9DB4A0#9791BC#BD9D95#D4E3D7#6F63A0
- Creamy Avocado Triadic Color Scheme#D8F19C#9BD7E9#EB94DA#F6FCEB#5DADEC
Questions
What colors go with Celadon?
In a triadic scheme: Maximum Blue Purple (#ACACE6), Chewing Gum (#E6B0AF), Soft Petals (#EBF8EF), Kickstart Purple (#7777CC).
What is the hex code of Celadon?
#ACE1AF.