Color con nombre · #C8C1AA
Snake Charmer
Snake Charmer es #C8C1AA: rgb(200 193 170), hsl(46 21% 73%), oklch(0.81 0.032 93). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Snake Charmer color name →
#C8C1AA
oklch(0.81 0.032 93)
Conversiones de color
- HEX
- #c8c1aa
- RGB
- rgb(200 193 170)
- HSL
- hsl(46 21% 73%)
- HWB
- hwb(46 67% 22%)
- OKLCH
- oklch(0.81 0.032 93)
- OKLab
- oklab(0.81 -0.002 0.032)
- CIE Lab
- lab(78.18 -0.34 12.55)
- LCH
- lch(78.18 12.56 91.6)
- CMYK
- cmyk(0% 4% 15% 22%)
Tintes · Sombras · Tonos
Tintes
- CDC7B2
- D3CDBB
- D8D3C3
- DED9CB
- E3E0D4
- E9E6DC
- EEECE5
- F4F2EE
- F9F9F6
Sombras
- AEA793
- 948F7D
- 7B7768
- 635F53
- 4C493F
- 36342D
- 21201B
- 0F0E0B
- 020201
Tonos
- C1BAA6
- B9B4A2
- B2AD9D
- AAA699
- A3A095
- 9C9991
- 95938D
- 8E8D88
- 878684
Armonías de color
Complementario +180°
- C8C1AA
Snake Charmer
- BAC0D7
≈ Xenon Blue
Análogo -30° +30°
- C8C1AA
Snake Charmer
- D1BDAC
≈ Desert Fortress
- BDC5AE
≈ Pattipan
Triádico +120° +240°
- C8C1AA
Snake Charmer
- AAC7CE
≈ Ocean Eyes
- CEBACA
≈ Antique Heather
Complementario dividido +150° +210°
- C8C1AA
Snake Charmer
- B0C4D5
≈ Faded Indigo
- C5BCD3
≈ Orchid House
Tetrádico +90° +180° +270°
- C8C1AA
Snake Charmer
- ABC8C3
≈ Peppermint Pie
- BAC0D7
≈ Xenon Blue
- D4B9BF
≈ Melting Violet
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.80:1 · APCA Lc 33
Ag
AAASobre negro
WCAG 11.66:1 · APCA Lc 69
Mejor color de texto: #000000
WCAG 11.66:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmentos de código
CSS
:root {
--snake-charmer: #c8c1aa;
--snake-charmer-rgb: 200 193 170;
--snake-charmer-oklch: oklch(0.81 0.032 93);
}
.element {
color: var(--snake-charmer);
background-color: hsl(46 21% 73%);
border-color: oklch(0.81 0.032 93);
}Tailwind CSS v4
@theme {
--color-snake-charmer: #c8c1aa;
--color-snake-charmer-50: #f8f5eb;
--color-snake-charmer-100: #ebe8dc;
--color-snake-charmer-200: #d8d4c5;
--color-snake-charmer-300: #bcb8a5;
--color-snake-charmer-400: #a59e89;
--color-snake-charmer-500: #8d866e;
--color-snake-charmer-600: #78715d;
--color-snake-charmer-700: #605b4b;
--color-snake-charmer-800: #464236;
--color-snake-charmer-900: #312e25;
--color-snake-charmer-950: #1d1a13;
}SCSS
$snake-charmer: #c8c1aa;
$snake-charmer-rgb: 200, 193, 170;
$snake-charmer-light: mix(#fff, $snake-charmer, 20%);
$snake-charmer-dark: mix(#000, $snake-charmer, 20%);
.element {
color: $snake-charmer;
box-shadow: 0 0 0 2px rgba($snake-charmer, 0.35);
}