Colore con nome più vicino · #C37E15
#C37E15
Colore con nome più vicino: Caramel Coating
#C37E15 (rgb(195 126 21), hsl(36 81% 42%), oklch(0.65 0.136 69.8)) è più vicino al colore con nome Caramel Coating. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#C37E15
oklch(0.65 0.136 69.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- CA8B3A
- D09854
- D7A56B
- DDB281
- E3BF96
- E9CBAB
- EED8C0
- F4E5D5
- FAF2EA
Ombre
- A96D11
- 905C0C
- 784C08
- 603C05
- 4A2D03
- 341F02
- 201101
- 0E0500
- 020100
Toni
- BD7F2C
- B67F3B
- B08047
- A98051
- A2815A
- 9C8163
- 95816A
- 8E8172
- 878079
Armonie di colore
Complementare +180°
- C37E15
Caramel Coating
- 4694DE
≈ Flax Flower Blue
Analogo -30° +30°
- C37E15
Caramel Coating
- D36F4C
≈ Coral Gold
- A39000
≈ Romaine Green
Triadico +120° +240°
- C37E15
Caramel Coating
- 00A59E
≈ Jadestone
- A876CD
≈ Wisteria
Complementare divisa +150° +210°
- C37E15
Caramel Coating
- 009FC0
≈ Delos Blue
- 8084E0
≈ Indigo Bloom
Tetradico +90° +180° +270°
- C37E15
Caramel Coating
- 28A872
≈ Garden Medley
- 4694DE
≈ Flax Flower Blue
- C46CA9
≈ Sugar Creek
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.32:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.31:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.31:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
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);
}