Màu có tên gần nhất · #241C14
#241C14
Màu có tên gần nhất: Burnt Coffee
#241C14 (rgb(36 28 20), hsl(30 29% 11%), oklch(0.233 0.019 66.6)) gần nhất với màu có tên Burnt Coffee. 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.
#241C14
oklch(0.233 0.019 66.6)
Chuyển đổi màu
- HEX
- #241c14
- RGB
- rgb(36 28 20)
- HSL
- hsl(30 29% 11%)
- HWB
- hwb(30 8% 86%)
- OKLCH
- oklch(0.233 0.019 66.6)
- OKLab
- oklab(0.233 0.008 0.018)
- CIE Lab
- lab(11.05 2.93 7.02)
- LCH
- lch(11.05 7.61 67.4)
- CMYK
- cmyk(0% 22% 44% 86%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 362F27
- 4A433C
- 5E5851
- 736D68
- 89847F
- A09B97
- B7B3B0
- CECCCA
- E6E5E4
Sắc đậm
- 1E1710
- 18120C
- 120D08
- 0C0805
- 070503
- 040201
- 020101
- 000000
- 000000
Sắc xám
- 2C251E
- 352E27
- 3E3832
- 47413C
- 504B47
- 595552
- 63605D
- 6C6A68
- 767574
Hòa sắc
Bổ túc +180°
- 241C14
Burnt Coffee
- 161F26
≈ Satin Deep Black
Tương đồng -30° +30°
- 241C14
Burnt Coffee
- 261B17
≈ Dark Orchestra
- 201E13
≈ Burnt Coffee
Bộ ba +120° +240°
- 241C14
Burnt Coffee
- 13211F
≈ Black Feather
- 201B25
≈ Night Demons
Bổ túc chia +150° +210°
- 241C14
Burnt Coffee
- 132024
≈ Black Feather
- 1B1D27
≈ Coarse Wool
Bộ bốn +90° +180° +270°
- 241C14
Burnt Coffee
- 16211A
≈ Black Emerald
- 161F26
≈ Satin Deep Black
- 241A21
≈ Kurobeni
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 16.78:1 · APCA Lc 104
Ag
FailTrên nền đen
WCAG 1.25:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 16.78:1 (AAA) · APCA Lc 104
Contrast pairs
Đoạn mã
CSS
:root {
--burnt-coffee: #241c14;
--burnt-coffee-rgb: 36 28 20;
--burnt-coffee-oklch: oklch(0.233 0.019 66.6);
}
.element {
color: var(--burnt-coffee);
background-color: hsl(30 29% 11%);
border-color: oklch(0.233 0.019 66.6);
}Tailwind CSS v4
@theme {
--color-burnt-coffee: #241c14;
--color-burnt-coffee-50: #f9f4ef;
--color-burnt-coffee-100: #ece7e1;
--color-burnt-coffee-200: #dad3cc;
--color-burnt-coffee-300: #beb6ad;
--color-burnt-coffee-400: #a79c93;
--color-burnt-coffee-500: #8f8479;
--color-burnt-coffee-600: #797066;
--color-burnt-coffee-700: #615952;
--color-burnt-coffee-800: #47413c;
--color-burnt-coffee-900: #312d29;
--color-burnt-coffee-950: #1d1a17;
}SCSS
$burnt-coffee: #241c14;
$burnt-coffee-rgb: 36, 28, 20;
$burnt-coffee-light: mix(#fff, $burnt-coffee, 20%);
$burnt-coffee-dark: mix(#000, $burnt-coffee, 20%);
.element {
color: $burnt-coffee;
box-shadow: 0 0 0 2px rgba($burnt-coffee, 0.35);
}