Nearest named color · #C37E15
#C37E15
Nearest named color: Caramel Coating
#C37E15 (rgb(195 126 21), hsl(36 81% 42%), oklch(0.65 0.136 69.8)) is closest to the named color Caramel Coating. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C37E15
oklch(0.65 0.136 69.8)
Color conversions
- HEX
- #c37e15
- RGB
- rgb(195 126 21)
- HSL
- hsl(36 81% 42%)
- HWB
- hwb(36 8% 24%)
- OKLCH
- oklch(0.65 0.136 69.8)
- OKLab
- oklab(0.65 0.047 0.127)
- CIE Lab
- lab(59.11 22.21 60.96)
- LCH
- lch(59.11 64.88 70)
- CMYK
- cmyk(0% 35% 89% 24%)
Tints · Shades · Tones
Tints
- CA8B3A
- D09854
- D7A56B
- DDB281
- E3BF96
- E9CBAB
- EED8C0
- F4E5D5
- FAF2EA
Shades
- A96D11
- 905C0C
- 784C08
- 603C05
- 4A2D03
- 341F02
- 201101
- 0E0500
- 020100
Tones
- BD7F2C
- B67F3B
- B08047
- A98051
- A2815A
- 9C8163
- 95816A
- 8E8172
- 878079
Color harmonies
Complementary +180°
- C37E15
Caramel Coating
- 4694DE
≈ Flax Flower Blue
Analogous -30° +30°
- C37E15
Caramel Coating
- D36F4C
≈ Coral Gold
- A39000
≈ Romaine Green
Triadic +120° +240°
- C37E15
Caramel Coating
- 00A59E
≈ Jadestone
- A876CD
≈ Wisteria
Split-complementary +150° +210°
- C37E15
Caramel Coating
- 009FC0
≈ Delos Blue
- 8084E0
≈ Indigo Bloom
Tetradic +90° +180° +270°
- C37E15
Caramel Coating
- 28A872
≈ Garden Medley
- 4694DE
≈ Flax Flower Blue
- C46CA9
≈ Sugar Creek
Contrast & accessibility
Ag
FailOn white
WCAG 3.32:1 · APCA Lc 60
Ag
AAOn black
WCAG 6.31:1 · APCA Lc 41
Best text color: #000000
WCAG 6.31:1 (AA) · APCA Lc 41
Contrast pairs
Code snippets
CSS
:root {
--caramel-coating: #c37e15;
--caramel-coating-rgb: 195 126 21;
--caramel-coating-oklch: oklch(0.65 0.136 69.8);
}
.element {
color: var(--caramel-coating);
background-color: hsl(36 81% 42%);
border-color: oklch(0.65 0.136 69.8);
}Tailwind CSS v4
@theme {
--color-caramel-coating: #c37e15;
--color-caramel-coating-50: #fff0cb;
--color-caramel-coating-100: #ffe1b7;
--color-caramel-coating-200: #f9cb94;
--color-caramel-coating-300: #e3ac66;
--color-caramel-coating-400: #d18f37;
--color-caramel-coating-500: #be7200;
--color-caramel-coating-600: #a06100;
--color-caramel-coating-700: #814e00;
--color-caramel-coating-800: #603700;
--color-caramel-coating-900: #442600;
--color-caramel-coating-950: #2c1400;
}SCSS
$caramel-coating: #c37e15;
$caramel-coating-rgb: 195, 126, 21;
$caramel-coating-light: mix(#fff, $caramel-coating, 20%);
$caramel-coating-dark: mix(#000, $caramel-coating, 20%);
.element {
color: $caramel-coating;
box-shadow: 0 0 0 2px rgba($caramel-coating, 0.35);
}