Adlandırılmış renk · #4E2728
Volcano
Volcano, #4E2728: rgb(78 39 40), hsl(358 33% 23%), oklch(0.325 0.059 19.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? → · Volcano color name →
#4E2728
oklch(0.325 0.059 19.2)
Renk dönüşümleri
- HEX
- #4e2728
- RGB
- rgb(78 39 40)
- HSL
- hsl(358 33% 23%)
- HWB
- hwb(358 15% 69%)
- OKLCH
- oklch(0.325 0.059 19.2)
- OKLab
- oklab(0.325 0.055 0.019)
- CIE Lab
- lab(21.13 18.74 7.94)
- LCH
- lch(21.13 20.36 22.9)
- CMYK
- cmyk(0% 50% 49% 69%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5F3A3A
- 704E4E
- 816262
- 937776
- A48C8C
- B6A2A2
- C8B9B8
- DAD0CF
- EDE7E7
Koyu tonlar
- 432021
- 381A1B
- 2D1415
- 230E0F
- 190809
- 0F0404
- 070202
- 020101
- 000000
Gri tonlar
- 543030
- 593838
- 5E4141
- 634A49
- 685252
- 6D5B5B
- 726464
- 776D6D
- 7B7777
Renk uyumları
Tamamlayıcı +180°
- 4E2728
Volcano
- 003D3F
≈ Rich Black
Analog -30° +30°
- 4E2728
Volcano
- 4A2739
≈ Wine Tasting
- 4C2A17
≈ Bittersweet Chocolate
Üçlü +120° +240°
- 4E2728
Volcano
- 243B1D
≈ Queen of Trees
- 213452
≈ Boatswain
Bölünmüş tamamlayıcı +150° +210°
- 4E2728
Volcano
- 0B3E2F
≈ Mizukaze Green
- 09394C
≈ Gibraltar Sea
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.76:1 · APCA Lc 99
Ag
FailSiyah üzerinde
WCAG 1.64:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.76:1 (AAA) · APCA Lc 99
Contrast pairs
Kod parçacıkları
CSS
:root {
--volcano: #4e2728;
--volcano-rgb: 78 39 40;
--volcano-oklch: oklch(0.325 0.059 19.2);
}
.element {
color: var(--volcano);
background-color: hsl(358 33% 23%);
border-color: oklch(0.325 0.059 19.2);
}Tailwind CSS v4
@theme {
--color-volcano: #4e2728;
--color-volcano-50: #ffefee;
--color-volcano-100: #fbe1df;
--color-volcano-200: #edcbc9;
--color-volcano-300: #d4acaa;
--color-volcano-400: #bf9191;
--color-volcano-500: #aa7777;
--color-volcano-600: #8f6565;
--color-volcano-700: #735050;
--color-volcano-800: #553a3b;
--color-volcano-900: #3b2828;
--color-volcano-950: #251616;
}SCSS
$volcano: #4e2728;
$volcano-rgb: 78, 39, 40;
$volcano-light: mix(#fff, $volcano, 20%);
$volcano-dark: mix(#000, $volcano, 20%);
.element {
color: $volcano;
box-shadow: 0 0 0 2px rgba($volcano, 0.35);
}