Caramel Coating Complementary Color Scheme
Five colors arranged by the complementary rule around Caramel Coating (#BB7711), each snapped to its nearest named color.
#BB7711
#EBA13C
#0F52BA
#053976
#4488EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Caramel Coating | #BB7711 | 187, 119, 17 | 36°, 83%, 40% | 0, 36, 91, 27 | |
| Gilded Leaves | #EBA13C | 235, 161, 60 | 35°, 81%, 58% | 0, 31, 74, 8 | |
| Sapphire | #0F52BA | 15, 82, 186 | 216°, 85%, 39% | 92, 56, 0, 27 | |
| Azure Dragon | #053976 | 5, 57, 118 | 212°, 92%, 24% | 96, 52, 0, 54 | |
| Seljuk Blue | #4488EE | 68, 136, 238 | 216°, 83%, 60% | 71, 43, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EBA13C on #053976 | 5.23:1 | AA |
| Aa #EBA13C on #0F52BA | 3.30:1 | AA large |
| Aa #053976 on #4488EE | 3.24:1 | AA large |
| Aa #BB7711 on #053976 | 3.11:1 | AA large |
| Aa #0F52BA on #4488EE | 2.04:1 | — |
| Aa #BB7711 on #0F52BA | 1.96:1 | — |
CSS variables
:root {
--color-1: #bb7711; /* Caramel Coating */
--color-2: #eba13c; /* Gilded Leaves */
--color-3: #0f52ba; /* Sapphire */
--color-4: #053976; /* Azure Dragon */
--color-5: #4488ee; /* Seljuk Blue */
}Other schemes from Caramel Coating
- Caramel Coating Analogous Color Scheme#BB1155#BB2211#BB7711#AABB11#55BB11
- Caramel Coating Triadic Color Scheme#BB7711#0CB577#6611AA#EEAA44#127A49
- Caramel Coating Split-complementary Color Scheme#BB7711#12ABBE#3311BB#774D07#22DDEE
- Caramel Coating Tetradic Color Scheme#BB7711#11BB22#0F52BA#BB11AA#EEAA44
- Caramel Coating Monochromatic Color Scheme#341C02#774D07#BB7711#E29F31#F4BF77
More Dark Orange complementary palettes
- Afternoon Coffee Complementary Color Scheme#6E544B#AB7A71#496A76#283C44#739DAD
- Aged Antics Complementary Color Scheme#886B2E#C69B4E#324A8B#1D2951#5D76CB
- Ancient Chest Complementary Color Scheme#99522B#CD7E4D#277594#1A4A5A#59A6CF
- Antique Brass Complementary Color Scheme#6C461F#B87333#1E446E#0E1D32#3778BF
- Autumn Gold Complementary Color Scheme#7D623C#B49161#3A5779#263145#668DB7
- Avocado Stone Complementary Color Scheme#4E3E1F#8E6C39#1B3053#0B0F1A#3C5E95
- Baby Bear Complementary Color Scheme#6F5944#A3876A#435A6F#243640#6B8CA9
- Batch Brew Complementary Color Scheme#45392F#82634E#2D3A49#0F1519#557088
- Bigfoot Complementary Color Scheme#715145#A27D66#406374#283C44#719DA8
- Bison Complementary Color Scheme#6E4F3A#A67B5B#3E586E#21303E#658FAA
- Black Power Complementary Color Scheme#654B37#A17858#3B5066#1B2632#5984A8
- Bloodhound Complementary Color Scheme#BB5511#EB8239#0777BC#094C73#46ADF9
Questions
What colors go with Caramel Coating?
In a complementary scheme: Gilded Leaves (#EBA13C), Sapphire (#0F52BA), Azure Dragon (#053976), Seljuk Blue (#4488EE).
What is the hex code of Caramel Coating?
#BB7711.