Couleur nommée la plus proche · #C1A49C
#C1A49C
Couleur nommée la plus proche: Sable Cloaked
#C1A49C (rgb(193 164 156), hsl(13 23% 68%), oklch(0.742 0.036 35.9)) est la plus proche de la couleur nommée Sable Cloaked. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C1A49C
oklch(0.742 0.036 35.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C7ADA6
- CDB6AF
- D4BFB9
- DAC8C3
- E0D1CC
- E6DAD6
- ECE3E0
- F3ECEB
- F9F6F5
Ombres
- A78E87
- 8F7973
- 77645F
- 5F504C
- 493D39
- 342B28
- 201A18
- 0E0A09
- 020101
Tons
- BAA099
- B49D96
- AD9994
- A79691
- A0928E
- 9A8E8B
- 938B88
- 8D8786
- 868483
Harmonies de couleurs
Complémentaire +180°
- C1A49C
Sable Cloaked
- 92B2BA
≈ Lucy Blue
Analogue -30° +30°
- C1A49C
Sable Cloaked
- C1A2A8
≈ Tourmaline Mauve
- BCA794
≈ Brown Teepee
Triadique +120° +240°
- C1A49C
Sable Cloaked
- 9AB3A2
≈ Phoenix Tears
- A5AAC3
≈ Foxflower Viola
Complémentaire divisée +150° +210°
- C1A49C
Sable Cloaked
- 93B3AF
≈ Lake Forest
- 99AEC1
≈ Soaring Eagle
Tétradique +90° +180° +270°
- C1A49C
Sable Cloaked
- A6B098
≈ Banksia
- 92B2BA
≈ Lucy Blue
- B1A6BE
≈ Transparent Mauve
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.31:1 · APCA Lc 46
Ag
AAASur noir
WCAG 9.05:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 9.05:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
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);
}