24 Karat Triadic Color Scheme
Five colors arranged by the triadic rule around 24 Karat (#DFC685), each snapped to its nearest named color.
#DFC685
#88DDCC
#CC88DD
#F4ECD7
#45CEA2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| 24 Karat | #DFC685 | 223, 198, 133 | 43°, 58%, 70% | 0, 11, 40, 13 | |
| Opulent Turquoise | #88DDCC | 136, 221, 204 | 168°, 56%, 70% | 38, 0, 8, 13 | |
| Blush Essence | #CC88DD | 204, 136, 221 | 288°, 56%, 70% | 8, 38, 0, 13 | |
| Lucky Duck | #F4ECD7 | 244, 236, 215 | 43°, 57%, 90% | 0, 3, 12, 4 | |
| Mint Jelly | #45CEA2 | 69, 206, 162 | 161°, 58%, 54% | 67, 0, 21, 19 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC88DD on #F4ECD7 | 2.19:1 | — |
| Aa #F4ECD7 on #45CEA2 | 1.68:1 | — |
| Aa #88DDCC on #CC88DD | 1.63:1 | — |
| Aa #DFC685 on #CC88DD | 1.54:1 | — |
| Aa #DFC685 on #F4ECD7 | 1.42:1 | — |
| Aa #88DDCC on #F4ECD7 | 1.34:1 | — |
CSS variables
:root {
--color-1: #dfc685; /* 24 Karat */
--color-2: #88ddcc; /* Opulent Turquoise */
--color-3: #cc88dd; /* Blush Essence */
--color-4: #f4ecd7; /* Lucky Duck */
--color-5: #45cea2; /* Mint Jelly */
}Other schemes from 24 Karat
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 24 Karat Analogous Color Scheme#DB899E#DF9B81#DFC685#C9DC87#9ED686
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 24 Karat Tetradic Color Scheme#DFC685#8FD89F#8B98D8#DA93C1#F4ECD7
- 24 Karat Monochromatic Color Scheme#AA8031#CFAC47#DFC685#F0E2C4#FAF6EA
More Light Orange triadic palettes
- 3AM Latte Triadic Color Scheme#C0A98E#8DC2A8#A590C0#E4DBCE#5EAB81
- Ancestral Gold Triadic Color Scheme#DDCDA6#AADCCD#CDA5DF#F7F5ED#6EC2B0
- Angry Pasta Triadic Color Scheme#FFCC55#55FFCC#CC55FF#FDEBBC#00FFBB
- Anise Biscotti Triadic Color Scheme#E5D5AE#AFE3D6#D6B7E2#F7F5EC#78D1B6
- Another One Bites the Dust Triadic Color Scheme#C7BBA4#A0C4BE#B8A4C8#EEEAE2#75AA94
- Apricot Triadic Color Scheme#FFB16D#6BFFB3#B36FF6#FFE7D5#20F986
- Apricotta Triadic Color Scheme#D8A48F#8CD9A1#AA8ED6#F3E0DB#54C571
- Artisans Gold Triadic Color Scheme#F2AB46#53FCA1#AB46EC#FAD6A5#19CC89
- Ashes to Ashes Triadic Color Scheme#BBB3A2#9BC2B4#B598C3#EAE4DA#6DA493
- Atomic Tangerine Triadic Color Scheme#FF9966#64E986#8866FF#FFDDCC#1EF876
- Attic Linen Triadic Color Scheme#CCBCA9#AACCBB#BCACCD#F1EEE8#7DAF94
- Baba Ganoush Triadic Color Scheme#EEBB88#99EEBB#BF8FE5#FAEDE1#58F898
Questions
What colors go with 24 Karat?
In a triadic scheme: Opulent Turquoise (#88DDCC), Blush Essence (#CC88DD), Lucky Duck (#F4ECD7), Mint Jelly (#45CEA2).
What is the hex code of 24 Karat?
#DFC685.