Màu có tên gần nhất · #D09167
#D09167
Màu có tên gần nhất: Whiskey
#D09167 (rgb(208 145 103), hsl(24 53% 61%), oklch(0.709 0.095 54.3)) gần nhất với màu có tên Whiskey. 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.
#D09167
oklch(0.709 0.095 54.3)
Chuyển đổi màu
- HEX
- #d09167
- RGB
- rgb(208 145 103)
- HSL
- hsl(24 53% 61%)
- HWB
- hwb(24 40% 18%)
- OKLCH
- oklch(0.709 0.095 54.3)
- OKLab
- oklab(0.709 0.056 0.077)
- CIE Lab
- lab(65.87 21.1 32.27)
- LCH
- lch(65.87 38.56 56.8)
- CMYK
- cmyk(0% 30% 50% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D59C76
- DAA785
- DFB294
- E4BDA3
- E9C8B2
- EED3C2
- F2DED1
- F7E9E0
- FBF4F0
Sắc đậm
- B57D59
- 9A6A4B
- 80583D
- 674630
- 4F3523
- 392517
- 23150C
- 100704
- 020100
Sắc xám
- C8906A
- C08E6D
- B88D70
- B08B73
- A88975
- A08878
- 98867A
- 90847C
- 88827E
Hòa sắc
Bổ túc +180°
- D09167
Whiskey
- 61ABD4
≈ Salem Blue
Tương đồng -30° +30°
- D09167
Whiskey
- D78A84
≈ My Pink
- BD9C58
≈ Tangy Green
Bộ ba +120° +240°
- D09167
Whiskey
- 59B59D
≈ Keppel
- A596D7
≈ Gorgeous Hydrangea
Bổ túc chia +150° +210°
- D09167
Whiskey
- 4CB3BD
≈ Glassmith
- 83A1DD
≈ Blue Cue
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.64:1 · APCA Lc 51
Ag
AAATrên nền đen
WCAG 7.92:1 · APCA Lc 50
Màu chữ tốt nhất: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
Đoạn mã
CSS
:root {
--whiskey: #d09167;
--whiskey-rgb: 208 145 103;
--whiskey-oklch: oklch(0.709 0.095 54.3);
}
.element {
color: var(--whiskey);
background-color: hsl(24 53% 61%);
border-color: oklch(0.709 0.095 54.3);
}Tailwind CSS v4
@theme {
--color-whiskey: #d09167;
--color-whiskey-50: #ffefdc;
--color-whiskey-100: #ffe1ca;
--color-whiskey-200: #f5cbad;
--color-whiskey-300: #deab88;
--color-whiskey-400: #cb8f67;
--color-whiskey-500: #b77445;
--color-whiskey-600: #9a623c;
--color-whiskey-700: #7c4e2f;
--color-whiskey-800: #5c3822;
--color-whiskey-900: #412716;
--color-whiskey-950: #291508;
}SCSS
$whiskey: #d09167;
$whiskey-rgb: 208, 145, 103;
$whiskey-light: mix(#fff, $whiskey, 20%);
$whiskey-dark: mix(#000, $whiskey, 20%);
.element {
color: $whiskey;
box-shadow: 0 0 0 2px rgba($whiskey, 0.35);
}