24 Karat Complementary Color Scheme
Five colors arranged by the complementary rule around 24 Karat (#DFC685), each snapped to its nearest named color.
#DFC685
#F1E8CE
#8B98D8
#446CCF
#D2DEF2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| 24 Karat | #DFC685 | 223, 198, 133 | 43°, 58%, 70% | 0, 11, 40, 13 | |
| Light Shell Haven | #F1E8CE | 241, 232, 206 | 45°, 56%, 88% | 0, 4, 15, 5 | |
| Portage | #8B98D8 | 139, 152, 216 | 230°, 50%, 70% | 36, 30, 0, 15 | |
| Han Blue | #446CCF | 68, 108, 207 | 223°, 59%, 54% | 67, 48, 0, 19 | |
| Puffy Cloud | #D2DEF2 | 210, 222, 242 | 217°, 55%, 89% | 13, 8, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1E8CE on #446CCF | 4.00:1 | AA large |
| Aa #446CCF on #D2DEF2 | 3.60:1 | AA large |
| Aa #DFC685 on #446CCF | 2.93:1 | — |
| Aa #F1E8CE on #8B98D8 | 2.27:1 | — |
| Aa #8B98D8 on #D2DEF2 | 2.04:1 | — |
| Aa #8B98D8 on #446CCF | 1.77:1 | — |
CSS variables
:root {
--color-1: #dfc685; /* 24 Karat */
--color-2: #f1e8ce; /* Light Shell Haven */
--color-3: #8b98d8; /* Portage */
--color-4: #446ccf; /* Han Blue */
--color-5: #d2def2; /* Puffy Cloud */
}Other schemes from 24 Karat
- 24 Karat Analogous Color Scheme#DB899E#DF9B81#DFC685#C9DC87#9ED686
- 24 Karat Triadic Color Scheme#DFC685#88DDCC#CC88DD#F4ECD7#45CEA2
- 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 complementary palettes
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
- Baba Ganoush Complementary Color Scheme#EEBB88#F9E9D7#88BBEE#448EE4#E0EBFA
Questions
What colors go with 24 Karat?
In a complementary scheme: Light Shell Haven (#F1E8CE), Portage (#8B98D8), Han Blue (#446CCF), Puffy Cloud (#D2DEF2).
What is the hex code of 24 Karat?
#DFC685.