Nazwany kolor · #5E2D10
Count Chocula
Count Chocula to #5E2D10: rgb(94 45 16), hsl(22 71% 22%), oklch(0.358 0.082 48.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Count Chocula color name →
#5E2D10
oklch(0.358 0.082 48.1)
Konwersje koloru
- HEX
- #5e2d10
- RGB
- rgb(94 45 16)
- HSL
- hsl(22 71% 22%)
- HWB
- hwb(22 6% 63%)
- OKLCH
- oklch(0.358 0.082 48.1)
- OKLab
- oklab(0.358 0.055 0.061)
- CIE Lab
- lab(24.96 21.2 28.32)
- LCH
- lch(24.96 35.38 53.2)
- CMYK
- cmyk(0% 52% 83% 63%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6E4028
- 7E543E
- 8E6854
- 9E7C6B
- AE9182
- BEA69A
- CEBCB3
- DED2CC
- EFE8E5
Odcienie ciemniejsze
- 51260C
- 441F09
- 371806
- 2B1104
- 1F0B02
- 140601
- 0A0200
- 030100
- 000000
Tony
- 62361D
- 663E29
- 6A4634
- 6E4E3E
- 715749
- 745F54
- 78675F
- 7A6F6A
- 7D7875
Harmonie kolorów
Komplementarna +180°
- 5E2D10
Count Chocula
- 004359
≈ Crab Nebula
Analogowa -30° +30°
- 5E2D10
Count Chocula
- 60282C
≈ Christmas Brown
- 523700
≈ Eyelash Camel
Triada +120° +240°
- 5E2D10
Count Chocula
- 004835
≈ UP Forest Green
- 3B3465
≈ Minsk
Komplementarna rozszczepiona +150° +210°
- 5E2D10
Count Chocula
- 004648
≈ Incubi Darkness
- 1F3C67
≈ Limoges
Tetrada +90° +180° +270°
- 5E2D10
Count Chocula
- 254619
≈ Myrtle
- 004359
≈ Crab Nebula
- 4E2D58
≈ Scarlet Gum
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.29:1 · APCA Lc 96
Ag
FailNa czerni
WCAG 1.85:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.29:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--count-chocula: #5e2d10;
--count-chocula-rgb: 94 45 16;
--count-chocula-oklch: oklch(0.358 0.082 48.1);
}
.element {
color: var(--count-chocula);
background-color: hsl(22 71% 22%);
border-color: oklch(0.358 0.082 48.1);
}Tailwind CSS v4
@theme {
--color-count-chocula: #5e2d10;
--color-count-chocula-50: #ffefe1;
--color-count-chocula-100: #ffe1d0;
--color-count-chocula-200: #f2cbb6;
--color-count-chocula-300: #dbac92;
--color-count-chocula-400: #c79074;
--color-count-chocula-500: #b37555;
--color-count-chocula-600: #976348;
--color-count-chocula-700: #794f3a;
--color-count-chocula-800: #5a392a;
--color-count-chocula-900: #3f271c;
--color-count-chocula-950: #28150c;
}SCSS
$count-chocula: #5e2d10;
$count-chocula-rgb: 94, 45, 16;
$count-chocula-light: mix(#fff, $count-chocula, 20%);
$count-chocula-dark: mix(#000, $count-chocula, 20%);
.element {
color: $count-chocula;
box-shadow: 0 0 0 2px rgba($count-chocula, 0.35);
}