Màu có tên gần nhất · #84553D
#84553D
Màu có tên gần nhất: Cigar
#84553D (rgb(132 85 61), hsl(20 37% 38%), oklch(0.496 0.073 47.6)) gần nhất với màu có tên 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.
#84553D
oklch(0.496 0.073 47.6)
Chuyển đổi màu
- HEX
- #84553d
- RGB
- rgb(132 85 61)
- HSL
- hsl(20 37% 38%)
- HWB
- hwb(20 24% 48%)
- OKLCH
- oklch(0.496 0.073 47.6)
- OKLab
- oklab(0.496 0.049 0.054)
- CIE Lab
- lab(41.1 18.08 22.41)
- LCH
- lch(41.1 28.79 51.1)
- CMYK
- cmyk(0% 36% 54% 48%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 90654F
- 9D7561
- A98574
- B59687
- C2A79A
- CEB8AE
- DAC9C1
- E6DBD6
- F3EDEA
Sắc đậm
- 724934
- 603D2B
- 4F3122
- 3F261A
- 2F1C12
- 20110A
- 120804
- 060201
- 010000
Sắc xám
- 845944
- 845E4B
- 846252
- 846758
- 836B5F
- 836F66
- 82736C
- 827873
- 817C79
Hòa sắc
Bổ túc +180°
- 84553D
Cigar
- 2E6A82
≈ Saxony Blue
Tương đồng -30° +30°
- 84553D
Cigar
- 875153
≈ New Roof
- 795D2F
≈ Breen
Bộ ba +120° +240°
- 84553D
Cigar
- 336F5A
≈ Foliage Green
- 605B89
≈ Purple Balloon
Bổ túc chia +150° +210°
- 84553D
Cigar
- 226F71
≈ Marine Wonder
- 48638B
≈ Federal Blue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.27:1 · APCA Lc 81
Ag
FailTrên nền đen
WCAG 3.34:1 · APCA Lc 21
Màu chữ tốt nhất: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--cigar: #84553d;
--cigar-rgb: 132 85 61;
--cigar-oklch: oklch(0.496 0.073 47.6);
}
.element {
color: var(--cigar);
background-color: hsl(20 37% 38%);
border-color: oklch(0.496 0.073 47.6);
}Tailwind CSS v4
@theme {
--color-cigar: #84553d;
--color-cigar-50: #fff0e3;
--color-cigar-100: #fde2d3;
--color-cigar-200: #efccb9;
--color-cigar-300: #d7ad97;
--color-cigar-400: #c39279;
--color-cigar-500: #ae775c;
--color-cigar-600: #93654e;
--color-cigar-700: #76513e;
--color-cigar-800: #583a2d;
--color-cigar-900: #3d281e;
--color-cigar-950: #27160e;
}SCSS
$cigar: #84553d;
$cigar-rgb: 132, 85, 61;
$cigar-light: mix(#fff, $cigar, 20%);
$cigar-dark: mix(#000, $cigar, 20%);
.element {
color: $cigar;
box-shadow: 0 0 0 2px rgba($cigar, 0.35);
}