Màu có tên gần nhất · #342019
#342019
Màu có tên gần nhất: Ethereal Espresso
#342019 (rgb(52 32 25), hsl(16 35% 15%), oklch(0.267 0.034 40.1)) gần nhất với màu có tên Ethereal Espresso. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#342019
oklch(0.267 0.034 40.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 46332C
- 594740
- 6C5B56
- 80716C
- 948783
- A89E9A
- BEB5B3
- D3CDCB
- E9E6E5
Sắc đậm
- 2C1A14
- 241510
- 1C0F0B
- 150A07
- 0E0604
- 070302
- 030101
- 010000
- 000000
Sắc xám
- 3B2922
- 43322C
- 4A3B36
- 524440
- 594E4A
- 615854
- 69615F
- 706B6A
- 787675
Hòa sắc
Bổ túc +180°
- 342019
Ethereal Espresso
- 112A31
≈ Black Chasm
Tương đồng -30° +30°
- 342019
Ethereal Espresso
- 341F22
≈ Antique Burgundy
- 302313
≈ Black Slug
Bộ ba +120° +240°
- 342019
Ethereal Espresso
- 162B20
≈ Guerrilla Forest
- 222436
≈ Cold Steel
Bổ túc chia +150° +210°
- 342019
Ethereal Espresso
- 0F2B29
≈ Swamp Thing
- 192736
≈ Abyssal Anchorfish Blue
Bộ bốn +90° +180° +270°
- 342019
Ethereal Espresso
- 202917
≈ Kuro Green
- 112A31
≈ Black Chasm
- 2B2132
≈ Bleached Cedar
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 15.36:1 · APCA Lc 102
Ag
FailTrên nền đen
WCAG 1.36:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 15.36:1 (AAA) · APCA Lc 102
Contrast pairs
Đoạn mã
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);
}