Màu có tên gần nhất · #C78176
#C78176
Màu có tên gần nhất: Whisky
#C78176 (rgb(199 129 118), hsl(8 42% 62%), oklch(0.673 0.089 29.4)) gần nhất với màu có tên Whisky. 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.
#C78176
oklch(0.673 0.089 29.4)
Chuyển đổi màu
- HEX
- #c78176
- RGB
- rgb(199 129 118)
- HSL
- hsl(8 42% 62%)
- HWB
- hwb(8 46% 22%)
- OKLCH
- oklch(0.673 0.089 29.4)
- OKLab
- oklab(0.673 0.078 0.044)
- CIE Lab
- lab(61.26 26.86 17.77)
- LCH
- lch(61.26 32.21 33.5)
- CMYK
- cmyk(0% 35% 41% 22%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- CD8D83
- D49A90
- DAA69E
- DFB3AB
- E5BFB9
- EBCCC7
- F0D9D4
- F5E5E2
- FAF2F1
Sắc đậm
- AD6F66
- 935E56
- 7A4E47
- 623E38
- 4C2E29
- 361F1C
- 21120F
- 0E0605
- 020101
Sắc xám
- C08177
- B98178
- B28179
- AC817A
- A5817B
- 9D817C
- 96817D
- 8F817E
- 88807F
Hòa sắc
Bổ túc +180°
- C78176
Whisky
- 49A5B4
≈ Freshwater
Tương đồng -30° +30°
- C78176
Whisky
- C37F94
≈ Polignac
- BF895D
≈ Peace of Mind
Bộ ba +120° +240°
- C78176
Whisky
- 6EA678
≈ Primavera
- 8094CE
≈ Purple Gentian
Bổ túc chia +150° +210°
- C78176
Whisky
- 50A897
≈ Jewel Weed
- 609EC7
≈ Tantalise
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 3.07:1 · APCA Lc 57
Ag
AATrên nền đen
WCAG 6.83:1 · APCA Lc 44
Màu chữ tốt nhất: #000000
WCAG 6.83:1 (AA) · APCA Lc 44
Contrast pairs
Đoạn mã
CSS
:root {
--whisky: #c78176;
--whisky-rgb: 199 129 118;
--whisky-oklch: oklch(0.673 0.089 29.4);
}
.element {
color: var(--whisky);
background-color: hsl(8 42% 62%);
border-color: oklch(0.673 0.089 29.4);
}Tailwind CSS v4
@theme {
--color-whisky: #c78176;
--color-whisky-50: #ffece6;
--color-whisky-100: #ffded6;
--color-whisky-200: #f8c7bd;
--color-whisky-300: #e1a79c;
--color-whisky-400: #ce8a80;
--color-whisky-500: #ba6f63;
--color-whisky-600: #9d5e54;
--color-whisky-700: #7e4b43;
--color-whisky-800: #5e3631;
--color-whisky-900: #422521;
--color-whisky-950: #2a1311;
}SCSS
$whisky: #c78176;
$whisky-rgb: 199, 129, 118;
$whisky-light: mix(#fff, $whisky, 20%);
$whisky-dark: mix(#000, $whisky, 20%);
.element {
color: $whisky;
box-shadow: 0 0 0 2px rgba($whisky, 0.35);
}