Màu có tên gần nhất · #2D1800
#2D1800
Màu có tên gần nhất: Close but No Cigar
#2D1800 (rgb(45 24 0), hsl(32 100% 9%), oklch(0.233 0.051 67.7)) gần nhất với màu có tên Close but No Cigar. 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.
#2D1800
oklch(0.233 0.051 67.7)
Chuyển đổi màu
- HEX
- #2d1800
- RGB
- rgb(45 24 0)
- HSL
- hsl(32 100% 9%)
- HWB
- hwb(32 0% 82%)
- OKLCH
- oklch(0.233 0.051 67.7)
- OKLab
- oklab(0.233 0.019 0.047)
- CIE Lab
- lab(10.84 9.02 16.33)
- LCH
- lch(10.84 18.65 61.1)
- CMYK
- cmyk(0% 47% 100% 82%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 402B15
- 53402C
- 675543
- 7B6C5C
- 908275
- A59A8F
- BBB3AA
- D1CBC6
- E8E5E2
Sắc đậm
- 261300
- 1F0F00
- 180A00
- 110700
- 0B0400
- 060200
- 020100
- 010000
- 000000
Sắc xám
- 35220B
- 3D2B18
- 453524
- 4D3F31
- 564A3D
- 5E544A
- 665F57
- 6F6A65
- 777572
Hòa sắc
Bổ túc +180°
- 2D1800
Close but No Cigar
- 061F34
≈ Cyanophobia
Tương đồng -30° +30°
- 2D1800
Close but No Cigar
- 31140B
≈ Darkroom
- 241D00
≈ Liquorice Root
Bộ ba +120° +240°
- 2D1800
Close but No Cigar
- 002321
≈ Stellar Explorer
- 241630
≈ Blacklist
Bổ túc chia +150° +210°
- 2D1800
Close but No Cigar
- 00222A
≈ Teal Spill
- 181A35
≈ Dark Knight
Bộ bốn +90° +180° +270°
- 2D1800
Close but No Cigar
- 032514
≈ Clock Chimes Thirteen
- 061F34
≈ Cyanophobia
- 2C1326
≈ Black Cherry
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 16.90:1 · APCA Lc 104
Ag
FailTrên nền đen
WCAG 1.24:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 16.90:1 (AAA) · APCA Lc 104
Contrast pairs
Đoạn mã
CSS
:root {
--close-but-no-cigar: #2d1800;
--close-but-no-cigar-rgb: 45 24 0;
--close-but-no-cigar-oklch: oklch(0.233 0.051 67.7);
}
.element {
color: var(--close-but-no-cigar);
background-color: hsl(32 100% 9%);
border-color: oklch(0.233 0.051 67.7);
}Tailwind CSS v4
@theme {
--color-close-but-no-cigar: #2d1800;
--color-close-but-no-cigar-50: #fff3e6;
--color-close-but-no-cigar-100: #f3e5d6;
--color-close-but-no-cigar-200: #e3d1bd;
--color-close-but-no-cigar-300: #c9b39c;
--color-close-but-no-cigar-400: #b3997e;
--color-close-but-no-cigar-500: #9d8062;
--color-close-but-no-cigar-600: #856d53;
--color-close-but-no-cigar-700: #6b5742;
--color-close-but-no-cigar-800: #4f3f30;
--color-close-but-no-cigar-900: #372b20;
--color-close-but-no-cigar-950: #221910;
}SCSS
$close-but-no-cigar: #2d1800;
$close-but-no-cigar-rgb: 45, 24, 0;
$close-but-no-cigar-light: mix(#fff, $close-but-no-cigar, 20%);
$close-but-no-cigar-dark: mix(#000, $close-but-no-cigar, 20%);
.element {
color: $close-but-no-cigar;
box-shadow: 0 0 0 2px rgba($close-but-no-cigar, 0.35);
}