Adlandırılmış renk · #5E2824
Ebicha Brown
Ebicha Brown, #5E2824: rgb(94 40 36), hsl(4 45% 25%), oklch(0.352 0.08 26.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Ebicha Brown color name →
#5E2824
oklch(0.352 0.08 26.2)
Renk dönüşümleri
- HEX
- #5e2824
- RGB
- rgb(94 40 36)
- HSL
- hsl(4 45% 25%)
- HWB
- hwb(4 14% 63%)
- OKLCH
- oklch(0.352 0.08 26.2)
- OKLab
- oklab(0.352 0.072 0.035)
- CIE Lab
- lab(24.06 24.92 15.09)
- LCH
- lch(24.06 29.13 31.2)
- CMYK
- cmyk(0% 57% 62% 63%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6E3C37
- 7E504B
- 8F645F
- 9F7974
- AF8E8A
- BFA4A1
- CFBAB7
- DFD1CF
- EFE8E7
Koyu tonlar
- 51211E
- 441B18
- 371512
- 2B0F0C
- 1F0907
- 140404
- 0A0202
- 030100
- 000000
Gri tonlar
- 62312D
- 663A36
- 6A433E
- 6E4B47
- 725451
- 755D5A
- 786563
- 7B6E6D
- 7E7776
Renk uyumları
Tamamlayıcı +180°
- 5E2824
Ebicha Brown
- 00444B
≈ Dark Side
Analog -30° +30°
- 5E2824
Ebicha Brown
- 5B273C
≈ Zinfandel
- 5A2E07
≈ Count Chocula
Üçlü +120° +240°
- 5E2824
Ebicha Brown
- 1A4620
≈ Pine Green
- 273965
≈ Blue Depths
Bölünmüş tamamlayıcı +150° +210°
- 5E2824
Ebicha Brown
- 00463A
≈ MSU Green
- 00405D
≈ Maniac Mansion
Dörtlü +90° +180° +270°
- 5E2824
Ebicha Brown
- 394001
≈ Dark Olive
- 00444B
≈ Dark Side
- 3F3160
≈ Jakarta Skyline
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.63:1 · APCA Lc 96
Ag
FailSiyah üzerinde
WCAG 1.80:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.63:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--ebicha-brown: #5e2824;
--ebicha-brown-rgb: 94 40 36;
--ebicha-brown-oklch: oklch(0.352 0.08 26.2);
}
.element {
color: var(--ebicha-brown);
background-color: hsl(4 45% 25%);
border-color: oklch(0.352 0.08 26.2);
}Tailwind CSS v4
@theme {
--color-ebicha-brown: #5e2824;
--color-ebicha-brown-50: #ffede8;
--color-ebicha-brown-100: #ffdfd9;
--color-ebicha-brown-200: #f5c8c1;
--color-ebicha-brown-300: #dea8a1;
--color-ebicha-brown-400: #ca8c86;
--color-ebicha-brown-500: #b5716a;
--color-ebicha-brown-600: #99605a;
--color-ebicha-brown-700: #7b4d48;
--color-ebicha-brown-800: #5b3735;
--color-ebicha-brown-900: #402624;
--color-ebicha-brown-950: #281413;
}SCSS
$ebicha-brown: #5e2824;
$ebicha-brown-rgb: 94, 40, 36;
$ebicha-brown-light: mix(#fff, $ebicha-brown, 20%);
$ebicha-brown-dark: mix(#000, $ebicha-brown, 20%);
.element {
color: $ebicha-brown;
box-shadow: 0 0 0 2px rgba($ebicha-brown, 0.35);
}