En yakın adlandırılmış renk · #C1A49C
#C1A49C
En yakın adlandırılmış renk: Sable Cloaked
#C1A49C (rgb(193 164 156), hsl(13 23% 68%), oklch(0.742 0.036 35.9)) en çok Sable Cloaked adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#C1A49C
oklch(0.742 0.036 35.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C7ADA6
- CDB6AF
- D4BFB9
- DAC8C3
- E0D1CC
- E6DAD6
- ECE3E0
- F3ECEB
- F9F6F5
Koyu tonlar
- A78E87
- 8F7973
- 77645F
- 5F504C
- 493D39
- 342B28
- 201A18
- 0E0A09
- 020101
Gri tonlar
- BAA099
- B49D96
- AD9994
- A79691
- A0928E
- 9A8E8B
- 938B88
- 8D8786
- 868483
Renk uyumları
Tamamlayıcı +180°
- C1A49C
Sable Cloaked
- 92B2BA
≈ Lucy Blue
Analog -30° +30°
- C1A49C
Sable Cloaked
- C1A2A8
≈ Tourmaline Mauve
- BCA794
≈ Brown Teepee
Üçlü +120° +240°
- C1A49C
Sable Cloaked
- 9AB3A2
≈ Phoenix Tears
- A5AAC3
≈ Foxflower Viola
Bölünmüş tamamlayıcı +150° +210°
- C1A49C
Sable Cloaked
- 93B3AF
≈ Lake Forest
- 99AEC1
≈ Soaring Eagle
Dörtlü +90° +180° +270°
- C1A49C
Sable Cloaked
- A6B098
≈ Banksia
- 92B2BA
≈ Lucy Blue
- B1A6BE
≈ Transparent Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.31:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 9.05:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 9.05:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
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);
}