24 Karat Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around 24 Karat (#DFC685), each snapped to its nearest named color.
#DFC685
#83C7DF
#8A83DA
#CFAC47
#C1E4F0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| 24 Karat | #DFC685 | 223, 198, 133 | 43°, 58%, 70% | 0, 11, 40, 13 | |
| Winter Chime | #83C7DF | 131, 199, 223 | 196°, 59%, 69% | 41, 11, 0, 13 | |
| Indigo Bloom | #8A83DA | 138, 131, 218 | 245°, 54%, 68% | 37, 40, 0, 15 | |
| Haystack | #CFAC47 | 207, 172, 71 | 45°, 59%, 55% | 0, 17, 66, 19 | |
| Skylark | #C1E4F0 | 193, 228, 240 | 195°, 61%, 85% | 20, 5, 0, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8A83DA on #C1E4F0 | 2.46:1 | — |
| Aa #DFC685 on #8A83DA | 1.98:1 | — |
| Aa #83C7DF on #8A83DA | 1.77:1 | — |
| Aa #CFAC47 on #C1E4F0 | 1.62:1 | — |
| Aa #8A83DA on #CFAC47 | 1.52:1 | — |
| Aa #83C7DF on #C1E4F0 | 1.39:1 | — |
CSS variables
:root {
--color-1: #dfc685; /* 24 Karat */
--color-2: #83c7df; /* Winter Chime */
--color-3: #8a83da; /* Indigo Bloom */
--color-4: #cfac47; /* Haystack */
--color-5: #c1e4f0; /* Skylark */
}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 Triadic Color Scheme#DFC685#88DDCC#CC88DD#F4ECD7#45CEA2
- 24 Karat Tetradic Color Scheme#DFC685#8FD89F#8B98D8#DA93C1#F4ECD7
- 24 Karat Monochromatic Color Scheme#AA8031#CFAC47#DFC685#F0E2C4#FAF6EA
More Light Orange split-complementary palettes
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
- Baba Ganoush Split-complementary Color Scheme#EEBB88#88EEEE#8F8CE7#E19447#CBF4F8
Questions
What colors go with 24 Karat?
In a split-complementary scheme: Winter Chime (#83C7DF), Indigo Bloom (#8A83DA), Haystack (#CFAC47), Skylark (#C1E4F0).
What is the hex code of 24 Karat?
#DFC685.