Warna bernama terdekat · #C37E15
#C37E15
Warna bernama terdekat: Caramel Coating
#C37E15 (rgb(195 126 21), hsl(36 81% 42%), oklch(0.65 0.136 69.8)) paling mendekati warna bernama Caramel Coating. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#C37E15
oklch(0.65 0.136 69.8)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- CA8B3A
- D09854
- D7A56B
- DDB281
- E3BF96
- E9CBAB
- EED8C0
- F4E5D5
- FAF2EA
Shade
- A96D11
- 905C0C
- 784C08
- 603C05
- 4A2D03
- 341F02
- 201101
- 0E0500
- 020100
Tone
- BD7F2C
- B67F3B
- B08047
- A98051
- A2815A
- 9C8163
- 95816A
- 8E8172
- 878079
Harmoni warna
Komplementer +180°
- C37E15
Caramel Coating
- 4694DE
≈ Flax Flower Blue
Analog -30° +30°
- C37E15
Caramel Coating
- D36F4C
≈ Coral Gold
- A39000
≈ Romaine Green
Triadik +120° +240°
- C37E15
Caramel Coating
- 00A59E
≈ Jadestone
- A876CD
≈ Wisteria
Split-komplementer +150° +210°
- C37E15
Caramel Coating
- 009FC0
≈ Delos Blue
- 8084E0
≈ Indigo Bloom
Tetradik +90° +180° +270°
- C37E15
Caramel Coating
- 28A872
≈ Garden Medley
- 4694DE
≈ Flax Flower Blue
- C46CA9
≈ Sugar Creek
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.32:1 · APCA Lc 60
Ag
AADi atas hitam
WCAG 6.31:1 · APCA Lc 41
Warna teks terbaik: #000000
WCAG 6.31:1 (AA) · APCA Lc 41
Contrast pairs
Cuplikan kode
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);
}