Màu có tên gần nhất · #3B2418
#3B2418
Màu có tên gần nhất: Close but No Cigar
#3B2418 (rgb(59 36 24), hsl(21 42% 16%), oklch(0.286 0.041 48.1)) 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.
#3B2418
oklch(0.286 0.041 48.1)
Chuyển đổi màu
- HEX
- #3b2418
- RGB
- rgb(59 36 24)
- HSL
- hsl(21 42% 16%)
- HWB
- hwb(21 9% 77%)
- OKLCH
- oklch(0.286 0.041 48.1)
- OKLab
- oklab(0.286 0.027 0.03)
- CIE Lab
- lab(16.96 10.1 12.72)
- LCH
- lch(16.96 16.24 51.6)
- CMYK
- cmyk(0% 39% 59% 77%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 4D372C
- 5F4A40
- 725F55
- 85746C
- 988A83
- ACA09A
- C0B7B3
- D5CFCB
- EAE7E5
Sắc đậm
- 321E13
- 29180F
- 21120A
- 190C07
- 110704
- 090402
- 040201
- 010000
- 000000
Sắc xám
- 422D22
- 49352B
- 503E35
- 56473F
- 5D504A
- 645954
- 6B635F
- 726C6A
- 797675
Hòa sắc
Bổ túc +180°
- 3B2418
Close but No Cigar
- 112E3A
≈ Oceanic Noir
Tương đồng -30° +30°
- 3B2418
Close but No Cigar
- 3C2223
≈ Temptress
- 352811
≈ Brown Tumbleweed
Bộ ba +120° +240°
- 3B2418
Close but No Cigar
- 133126
≈ Intense Green
- 29273E
≈ Telopea
Bổ túc chia +150° +210°
- 3B2418
Close but No Cigar
- 0C3132
≈ Roof Tile Green
- 1E2B3F
≈ Eternal Darkness
Bộ bốn +90° +180° +270°
- 3B2418
Close but No Cigar
- 202F1B
≈ Méi Hēi Coal
- 112E3A
≈ Oceanic Noir
- 332438
≈ Fat Tuesday
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 14.46:1 · APCA Lc 101
Ag
FailTrên nền đen
WCAG 1.45:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 14.46:1 (AAA) · APCA Lc 101
Contrast pairs
Đoạn mã
CSS
:root {
--close-but-no-cigar: #3b2418;
--close-but-no-cigar-rgb: 59 36 24;
--close-but-no-cigar-oklch: oklch(0.286 0.041 48.1);
}
.element {
color: var(--close-but-no-cigar);
background-color: hsl(21 42% 16%);
border-color: oklch(0.286 0.041 48.1);
}Tailwind CSS v4
@theme {
--color-close-but-no-cigar: #3b2418;
--color-close-but-no-cigar-50: #fff2eb;
--color-close-but-no-cigar-100: #f4e4dc;
--color-close-but-no-cigar-200: #e4d0c5;
--color-close-but-no-cigar-300: #cab2a5;
--color-close-but-no-cigar-400: #b4988a;
--color-close-but-no-cigar-500: #9e7e6f;
--color-close-but-no-cigar-600: #856b5e;
--color-close-but-no-cigar-700: #6b564b;
--color-close-but-no-cigar-800: #4f3e37;
--color-close-but-no-cigar-900: #372b25;
--color-close-but-no-cigar-950: #221814;
}SCSS
$close-but-no-cigar: #3b2418;
$close-but-no-cigar-rgb: 59, 36, 24;
$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);
}