Caramel Coating Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Caramel Coating (#BB7711), each snapped to its nearest named color.
#BB7711
#12ABBE
#3311BB
#774D07
#22DDEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Caramel Coating | #BB7711 | 187, 119, 17 | 36°, 83%, 40% | 0, 36, 91, 27 | |
| Bahaman Sea | #12ABBE | 18, 171, 190 | 187°, 83%, 41% | 91, 10, 0, 25 | |
| Galactic Highway | #3311BB | 51, 17, 187 | 252°, 83%, 40% | 73, 91, 0, 27 | |
| Lucky Brown | #774D07 | 119, 77, 7 | 37°, 89%, 25% | 0, 35, 94, 53 | |
| Cold Heights | #22DDEE | 34, 221, 238 | 185°, 86%, 53% | 86, 7, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3311BB on #22DDEE | 6.52:1 | AA |
| Aa #774D07 on #22DDEE | 4.44:1 | AA large |
| Aa #12ABBE on #3311BB | 3.92:1 | AA large |
| Aa #BB7711 on #3311BB | 2.97:1 | — |
| Aa #12ABBE on #774D07 | 2.67:1 | — |
| Aa #BB7711 on #22DDEE | 2.20:1 | — |
CSS variables
:root {
--color-1: #bb7711; /* Caramel Coating */
--color-2: #12abbe; /* Bahaman Sea */
--color-3: #3311bb; /* Galactic Highway */
--color-4: #774d07; /* Lucky Brown */
--color-5: #22ddee; /* Cold Heights */
}Other schemes from Caramel Coating
- Caramel Coating Complementary Color Scheme#BB7711#EBA13C#0F52BA#053976#4488EE
- Caramel Coating Analogous Color Scheme#BB1155#BB2211#BB7711#AABB11#55BB11
- Caramel Coating Triadic Color Scheme#BB7711#0CB577#6611AA#EEAA44#127A49
- Caramel Coating Tetradic Color Scheme#BB7711#11BB22#0F52BA#BB11AA#EEAA44
- Caramel Coating Monochromatic Color Scheme#341C02#774D07#BB7711#E29F31#F4BF77
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 Coating?
In a split-complementary scheme: Bahaman Sea (#12ABBE), Galactic Highway (#3311BB), Lucky Brown (#774D07), Cold Heights (#22DDEE).
What is the hex code of Caramel Coating?
#BB7711.