Warna bernama terdekat · #933500
#933500
Warna bernama terdekat: Chocoholic
#933500 (rgb(147 53 0), hsl(22 100% 29%), oklch(0.458 0.138 42.3)) paling mendekati warna bernama Chocoholic. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#933500
oklch(0.458 0.138 42.3)
Konversi warna
- HEX
- #933500
- RGB
- rgb(147 53 0)
- HSL
- hsl(22 100% 29%)
- HWB
- hwb(22 0% 42%)
- OKLCH
- oklch(0.458 0.138 42.3)
- OKLab
- oklab(0.458 0.102 0.093)
- CIE Lab
- lab(36.07 38.94 48)
- LCH
- lch(36.07 61.81 50.9)
- CMYK
- cmyk(0% 64% 100% 42%)
Tint · Shade · Tone
Tint
- 9F4A26
- AC5E3F
- B77257
- C3866E
- CD9A85
- D8AE9D
- E2C2B5
- ECD6CD
- F6EAE6
Shade
- 7F2D00
- 6C2500
- 591D00
- 471500
- 360E00
- 250800
- 160300
- 080100
- 010000
Tone
- 923E19
- 924728
- 914F35
- 8F5740
- 8E5E4C
- 8C6556
- 896C61
- 87736B
- 847A76
Harmoni warna
Komplementer +180°
- 933500
Chocoholic
- 006179
≈ Jamaican Dream
Analog -30° +30°
- 933500
Chocoholic
- 942D42
≈ Rumba Red
- 784D00
≈ Lucky Brown
Triadik +120° +240°
- 933500
Chocoholic
- 006846
≈ Greens
- 4E49A1
≈ Liberty
Split-komplementer +150° +210°
- 933500
Chocoholic
- 006563
≈ Peacock Pride
- 0158A1
≈ Princess Blue
Tetradik +90° +180° +270°
- 933500
Chocoholic
- 3A6500
≈ Keen Green
- 006179
≈ Jamaican Dream
- 713C8E
≈ Perkin Mauve
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 7.63:1 · APCA Lc 86
Ag
FailDi atas hitam
WCAG 2.74:1 · APCA Lc 16
Warna teks terbaik: #FFFFFF
WCAG 7.63:1 (AAA) · APCA Lc 86
Contrast pairs
Cuplikan kode
CSS
:root {
--chocoholic: #933500;
--chocoholic-rgb: 147 53 0;
--chocoholic-oklch: oklch(0.458 0.138 42.3);
}
.element {
color: var(--chocoholic);
background-color: hsl(22 100% 29%);
border-color: oklch(0.458 0.138 42.3);
}Tailwind CSS v4
@theme {
--color-chocoholic: #933500;
--color-chocoholic-50: #ffead6;
--color-chocoholic-100: #ffdac3;
--color-chocoholic-200: #ffc2a4;
--color-chocoholic-300: #f2a07c;
--color-chocoholic-400: #e1815a;
--color-chocoholic-500: #cf6233;
--color-chocoholic-600: #af532c;
--color-chocoholic-700: #8c4223;
--color-chocoholic-800: #692f1a;
--color-chocoholic-900: #4a2011;
--color-chocoholic-950: #300f04;
}SCSS
$chocoholic: #933500;
$chocoholic-rgb: 147, 53, 0;
$chocoholic-light: mix(#fff, $chocoholic, 20%);
$chocoholic-dark: mix(#000, $chocoholic, 20%);
.element {
color: $chocoholic;
box-shadow: 0 0 0 2px rgba($chocoholic, 0.35);
}