Caramel Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Caramel (#AF6F09), each snapped to its nearest named color.
#AF6F09
#0A98AC
#1100AA
#674403
#11DDEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Caramel | #AF6F09 | 175, 111, 9 | 37°, 90%, 36% | 0, 37, 95, 31 | |
| Aquarium Diver | #0A98AC | 10, 152, 172 | 187°, 89%, 36% | 94, 12, 0, 33 | |
| Groundwater | #1100AA | 17, 0, 170 | 246°, 100%, 33% | 90, 100, 0, 33 | |
| Violin Brown | #674403 | 103, 68, 3 | 39°, 94%, 21% | 0, 34, 97, 60 | |
| Tamarama | #11DDEE | 17, 221, 238 | 185°, 87%, 50% | 93, 7, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1100AA on #11DDEE | 7.85:1 | AAA |
| Aa #674403 on #11DDEE | 5.24:1 | AA |
| Aa #0A98AC on #1100AA | 3.80:1 | AA large |
| Aa #AF6F09 on #1100AA | 3.18:1 | AA large |
| Aa #0A98AC on #674403 | 2.54:1 | — |
| Aa #AF6F09 on #11DDEE | 2.47:1 | — |
CSS variables
:root {
--color-1: #af6f09; /* Caramel */
--color-2: #0a98ac; /* Aquarium Diver */
--color-3: #1100aa; /* Groundwater */
--color-4: #674403; /* Violin Brown */
--color-5: #11ddee; /* Tamarama */
}Other schemes from Caramel
- Caramel Complementary Color Scheme#AF6F09#E8A320#0047AB#032A62#247AFD
- Caramel Analogous Color Scheme#B0054B#B21807#AF6F09#9AAE07#44AA11
- Caramel Triadic Color Scheme#AF6F09#0CB577#6611AA#FBA52E#006442
- Caramel Tetradic Color Scheme#AF6F09#15B01A#0047AB#A00498#FBA52E
- Caramel Monochromatic Color Scheme#1C1208#674403#AF6F09#F79A12#F9BB59
More Dark Orange split-complementary palettes
- Afternoon Coffee Split-complementary Color Scheme#6E544B#477266#445172#43302E#67A195
- Aged Antics Split-complementary Color Scheme#886B2E#327A88#2E2D88#4E3E1F#41A0B4
- Ancient Chest Split-complementary Color Scheme#99522B#2B9890#2D3796#5D341A#55CCBB
- Antique Brass Split-complementary Color Scheme#6C461F#1C6B69#281367#361D0A#27A0A8
- Autumn Gold Split-complementary Color Scheme#7D623C#3C797D#413C7B#463623#55AAAA
- Avocado Stone Split-complementary Color Scheme#4E3E1F#1E454D#231C4D#1C1208#327A88
- Baby Bear Split-complementary Color Scheme#6F5944#456F6E#42426F#413628#65A19F
- Batch Brew Split-complementary Color Scheme#45392F#2A4845#2C2E47#171310#487678
- Bigfoot Split-complementary Color Scheme#715145#477266#445172#43302E#67A195
- Bison Split-complementary Color Scheme#6E4F3A#366D68#3B3B6D#3E2B23#53A391
- Black Power Split-complementary Color Scheme#654B37#3A6364#383867#35281E#4F938F
- Bloodhound Split-complementary Color Scheme#BB5511#13BBAF#0022BB#773311#25E2CD
Questions
What colors go with Caramel?
In a split-complementary scheme: Aquarium Diver (#0A98AC), Groundwater (#1100AA), Violin Brown (#674403), Tamarama (#11DDEE).
What is the hex code of Caramel?
#AF6F09.