Najbliższy nazwany kolor · #8B2A00
#8B2A00
Najbliższy nazwany kolor: Chocoholic
#8B2A00 (rgb(139 42 0), hsl(18 100% 27%), oklch(0.43 0.139 38.7)) jest najbliższy nazwanemu kolorowi Chocoholic. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8B2A00
oklch(0.43 0.139 38.7)
Konwersje koloru
- HEX
- #8b2a00
- RGB
- rgb(139 42 0)
- HSL
- hsl(18 100% 27%)
- HWB
- hwb(18 0% 45%)
- OKLCH
- oklch(0.43 0.139 38.7)
- OKLab
- oklab(0.43 0.108 0.087)
- CIE Lab
- lab(32.71 40.71 45.37)
- LCH
- lch(32.71 60.95 48.1)
- CMYK
- cmyk(0% 70% 100% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 984124
- A5563D
- B26B54
- BE806C
- CA9583
- D5A99B
- E0BEB4
- EBD4CC
- F5E9E5
Odcienie ciemniejsze
- 782300
- 661C00
- 541600
- 431000
- 320A00
- 230500
- 140200
- 070100
- 010000
Tony
- 8B3517
- 8C3F26
- 8B4833
- 8B513E
- 8A594A
- 896155
- 876960
- 85716A
- 837975
Harmonie kolorów
Komplementarna +180°
- 8B2A00
Chocoholic
- 00596C
≈ Sea Creature
Analogowa -30° +30°
- 8B2A00
Chocoholic
- 8A2340
≈ Refined Chianti
- 714400
≈ Flat Brown
Triada +120° +240°
- 8B2A00
Chocoholic
- 00603B
≈ Spruce
- 424299
≈ Galaxy Express
Komplementarna rozszczepiona +150° +210°
- 8B2A00
Chocoholic
- 005D58
≈ Tidal Pool
- 00528D
≈ Lapis Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.64:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.42:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.64:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--chocoholic: #8b2a00;
--chocoholic-rgb: 139 42 0;
--chocoholic-oklch: oklch(0.43 0.139 38.7);
}
.element {
color: var(--chocoholic);
background-color: hsl(18 100% 27%);
border-color: oklch(0.43 0.139 38.7);
}Tailwind CSS v4
@theme {
--color-chocoholic: #8b2a00;
--color-chocoholic-50: #ffe9d7;
--color-chocoholic-100: #ffd9c5;
--color-chocoholic-200: #ffc1a7;
--color-chocoholic-300: #f49f80;
--color-chocoholic-400: #e37f5f;
--color-chocoholic-500: #d05f3a;
--color-chocoholic-600: #b05132;
--color-chocoholic-700: #8d4128;
--color-chocoholic-800: #6a2e1d;
--color-chocoholic-900: #4a1f13;
--color-chocoholic-950: #310e05;
}SCSS
$chocoholic: #8b2a00;
$chocoholic-rgb: 139, 42, 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);
}