Caramel Coating Tetradic Color Scheme
Five colors arranged by the tetradic rule around Caramel Coating (#BB7711), each snapped to its nearest named color.
#BB7711
#11BB22
#0F52BA
#BB11AA
#EEAA44
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Caramel Coating | #BB7711 | 187, 119, 17 | 36°, 83%, 40% | 0, 36, 91, 27 | |
| Spring Forth | #11BB22 | 17, 187, 34 | 126°, 83%, 40% | 91, 0, 82, 27 | |
| Sapphire | #0F52BA | 15, 82, 186 | 216°, 85%, 39% | 92, 56, 0, 27 | |
| Punk Rock Purple | #BB11AA | 187, 17, 170 | 306°, 83%, 40% | 0, 91, 9, 27 | |
| Summer Glow | #EEAA44 | 238, 170, 68 | 36°, 83%, 60% | 0, 29, 71, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F52BA on #EEAA44 | 3.57:1 | AA large |
| Aa #11BB22 on #0F52BA | 2.78:1 | — |
| Aa #BB11AA on #EEAA44 | 2.77:1 | — |
| Aa #11BB22 on #BB11AA | 2.16:1 | — |
| Aa #BB7711 on #0F52BA | 1.96:1 | — |
| Aa #BB7711 on #EEAA44 | 1.82:1 | — |
CSS variables
:root {
--color-1: #bb7711; /* Caramel Coating */
--color-2: #11bb22; /* Spring Forth */
--color-3: #0f52ba; /* Sapphire */
--color-4: #bb11aa; /* Punk Rock Purple */
--color-5: #eeaa44; /* Summer Glow */
}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 Split-complementary Color Scheme#BB7711#12ABBE#3311BB#774D07#22DDEE
- Caramel Coating Monochromatic Color Scheme#341C02#774D07#BB7711#E29F31#F4BF77
More Dark Orange tetradic palettes
- Afternoon Coffee Tetradic Color Scheme#6E544B#517345#496A76#674876#AB8274
- Aged Antics Tetradic Color Scheme#886B2E#288F3D#324A8B#883377#C5A253
- Ancient Chest Tetradic Color Scheme#99522B#3E912D#277594#8B2A98#CC855A
- Antique Brass Tetradic Color Scheme#6C461F#166D29#1E446E#691D6C#BB7838
- Autumn Gold Tetradic Color Scheme#7D623C#3D7049#3A5779#6E3974#B4966B
- Avocado Stone Tetradic Color Scheme#4E3E1F#1E4D2B#1B3053#531745#9B7939
- Baby Bear Tetradic Color Scheme#6F5944#476E42#435A6F#724770#A78C71
- Batch Brew Tetradic Color Scheme#45392F#36482F#2D3A49#452E4A#8B6B51
- Bigfoot Tetradic Color Scheme#715145#517345#406374#674876#AB8274
- Bison Tetradic Color Scheme#6E4F3A#3D703E#3E586E#673E6E#AC8262
- Black Power Tetradic Color Scheme#654B37#3E6334#3B5066#653B66#A57C5B
- Bloodhound Tetradic Color Scheme#BB5511#22BB11#0777BC#AC1DB8#EE8844
Questions
What colors go with Caramel Coating?
In a tetradic scheme: Spring Forth (#11BB22), Sapphire (#0F52BA), Punk Rock Purple (#BB11AA), Summer Glow (#EEAA44).
What is the hex code of Caramel Coating?
#BB7711.