En yakın adlandırılmış renk · #342019
#342019
En yakın adlandırılmış renk: Ethereal Espresso
#342019 (rgb(52 32 25), hsl(16 35% 15%), oklch(0.267 0.034 40.1)) en çok Ethereal Espresso adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#342019
oklch(0.267 0.034 40.1)
Renk dönüşümleri
- HEX
- #342019
- RGB
- rgb(52 32 25)
- HSL
- hsl(16 35% 15%)
- HWB
- hwb(16 10% 80%)
- OKLCH
- oklch(0.267 0.034 40.1)
- OKLab
- oklab(0.267 0.026 0.022)
- CIE Lab
- lab(14.73 9.22 8.91)
- LCH
- lch(14.73 12.82 44)
- CMYK
- cmyk(0% 38% 52% 80%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 46332C
- 594740
- 6C5B56
- 80716C
- 948783
- A89E9A
- BEB5B3
- D3CDCB
- E9E6E5
Koyu tonlar
- 2C1A14
- 241510
- 1C0F0B
- 150A07
- 0E0604
- 070302
- 030101
- 010000
- 000000
Gri tonlar
- 3B2922
- 43322C
- 4A3B36
- 524440
- 594E4A
- 615854
- 69615F
- 706B6A
- 787675
Renk uyumları
Tamamlayıcı +180°
- 342019
Ethereal Espresso
- 112A31
≈ Black Chasm
Analog -30° +30°
- 342019
Ethereal Espresso
- 341F22
≈ Antique Burgundy
- 302313
≈ Black Slug
Üçlü +120° +240°
- 342019
Ethereal Espresso
- 162B20
≈ Guerrilla Forest
- 222436
≈ Cold Steel
Bölünmüş tamamlayıcı +150° +210°
- 342019
Ethereal Espresso
- 0F2B29
≈ Swamp Thing
- 192736
≈ Abyssal Anchorfish Blue
Dörtlü +90° +180° +270°
- 342019
Ethereal Espresso
- 202917
≈ Kuro Green
- 112A31
≈ Black Chasm
- 2B2132
≈ Bleached Cedar
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 15.36:1 · APCA Lc 102
Ag
FailSiyah üzerinde
WCAG 1.36:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.36:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
CSS
:root {
--ethereal-espresso: #342019;
--ethereal-espresso-rgb: 52 32 25;
--ethereal-espresso-oklch: oklch(0.267 0.034 40.1);
}
.element {
color: var(--ethereal-espresso);
background-color: hsl(16 35% 15%);
border-color: oklch(0.267 0.034 40.1);
}Tailwind CSS v4
@theme {
--color-ethereal-espresso: #342019;
--color-ethereal-espresso-50: #fef2ee;
--color-ethereal-espresso-100: #f2e4df;
--color-ethereal-espresso-200: #e2d0c9;
--color-ethereal-espresso-300: #c7b2aa;
--color-ethereal-espresso-400: #b19890;
--color-ethereal-espresso-500: #9b7f75;
--color-ethereal-espresso-600: #836c64;
--color-ethereal-espresso-700: #69564f;
--color-ethereal-espresso-800: #4d3f3a;
--color-ethereal-espresso-900: #362b28;
--color-ethereal-espresso-950: #211816;
}SCSS
$ethereal-espresso: #342019;
$ethereal-espresso-rgb: 52, 32, 25;
$ethereal-espresso-light: mix(#fff, $ethereal-espresso, 20%);
$ethereal-espresso-dark: mix(#000, $ethereal-espresso, 20%);
.element {
color: $ethereal-espresso;
box-shadow: 0 0 0 2px rgba($ethereal-espresso, 0.35);
}