Màu có tên gần nhất · #C1A49C
#C1A49C
Màu có tên gần nhất: Sable Cloaked
#C1A49C (rgb(193 164 156), hsl(13 23% 68%), oklch(0.742 0.036 35.9)) gần nhất với màu có tên Sable Cloaked. 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.
#C1A49C
oklch(0.742 0.036 35.9)
Chuyển đổi màu
- HEX
- #c1a49c
- RGB
- rgb(193 164 156)
- HSL
- hsl(13 23% 68%)
- HWB
- hwb(13 61% 24%)
- OKLCH
- oklch(0.742 0.036 35.9)
- OKLab
- oklab(0.742 0.029 0.021)
- CIE Lab
- lab(69.82 10.02 8.32)
- LCH
- lch(69.82 13.03 39.7)
- CMYK
- cmyk(0% 15% 19% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C7ADA6
- CDB6AF
- D4BFB9
- DAC8C3
- E0D1CC
- E6DAD6
- ECE3E0
- F3ECEB
- F9F6F5
Sắc đậm
- A78E87
- 8F7973
- 77645F
- 5F504C
- 493D39
- 342B28
- 201A18
- 0E0A09
- 020101
Sắc xám
- BAA099
- B49D96
- AD9994
- A79691
- A0928E
- 9A8E8B
- 938B88
- 8D8786
- 868483
Hòa sắc
Bổ túc +180°
- C1A49C
Sable Cloaked
- 92B2BA
≈ Lucy Blue
Tương đồng -30° +30°
- C1A49C
Sable Cloaked
- C1A2A8
≈ Tourmaline Mauve
- BCA794
≈ Brown Teepee
Bộ ba +120° +240°
- C1A49C
Sable Cloaked
- 9AB3A2
≈ Phoenix Tears
- A5AAC3
≈ Foxflower Viola
Bổ túc chia +150° +210°
- C1A49C
Sable Cloaked
- 93B3AF
≈ Lake Forest
- 99AEC1
≈ Soaring Eagle
Bộ bốn +90° +180° +270°
- C1A49C
Sable Cloaked
- A6B098
≈ Banksia
- 92B2BA
≈ Lucy Blue
- B1A6BE
≈ Transparent Mauve
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.31:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 9.05:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 9.05:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
CSS
:root {
--sable-cloaked: #c1a49c;
--sable-cloaked-rgb: 193 164 156;
--sable-cloaked-oklch: oklch(0.742 0.036 35.9);
}
.element {
color: var(--sable-cloaked);
background-color: hsl(13 23% 68%);
border-color: oklch(0.742 0.036 35.9);
}Tailwind CSS v4
@theme {
--color-sable-cloaked: #c1a49c;
--color-sable-cloaked-50: #fff2ee;
--color-sable-cloaked-100: #f3e4df;
--color-sable-cloaked-200: #e3cfc9;
--color-sable-cloaked-300: #c9b2aa;
--color-sable-cloaked-400: #b39790;
--color-sable-cloaked-500: #9c7e76;
--color-sable-cloaked-600: #846b64;
--color-sable-cloaked-700: #6a5550;
--color-sable-cloaked-800: #4e3e3a;
--color-sable-cloaked-900: #362b28;
--color-sable-cloaked-950: #211816;
}SCSS
$sable-cloaked: #c1a49c;
$sable-cloaked-rgb: 193, 164, 156;
$sable-cloaked-light: mix(#fff, $sable-cloaked, 20%);
$sable-cloaked-dark: mix(#000, $sable-cloaked, 20%);
.element {
color: $sable-cloaked;
box-shadow: 0 0 0 2px rgba($sable-cloaked, 0.35);
}