Benannte Farbe · #C4A7A1
Sable Cloaked
Sable Cloaked ist #C4A7A1: rgb(196 167 161), hsl(10 23% 70%), oklch(0.752 0.035 31.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Sable Cloaked color name →
#C4A7A1
oklch(0.752 0.035 31.6)
Farbumrechnungen
- HEX
- #c4a7a1
- RGB
- rgb(196 167 161)
- HSL
- hsl(10 23% 70%)
- HWB
- hwb(10 63% 23%)
- OKLCH
- oklch(0.752 0.035 31.6)
- OKLab
- oklab(0.752 0.03 0.018)
- CIE Lab
- lab(70.97 10.22 7.25)
- LCH
- lch(70.97 12.53 35.4)
- CMYK
- cmyk(0% 15% 18% 23%)
Tints · Shades · Tones
Tints
- CAB0AA
- D0B8B3
- D6C1BC
- DCC9C6
- E2D2CF
- E7DBD9
- EDE4E2
- F3EDEC
- F9F6F5
Shades
- AA918B
- 917B76
- 786662
- 61524E
- 4A3E3C
- 352C2A
- 211A19
- 0E0A09
- 020101
Tones
- BDA39E
- B69F9A
- AF9B97
- A89794
- A29390
- 9B8F8D
- 948C8A
- 8D8887
- 878483
Farbharmonien
Komplementär +180°
- C4A7A1
Sable Cloaked
- 96B5BC
≈ Blue Shell
Analog -30° +30°
- C4A7A1
Sable Cloaked
- C3A6AD
≈ Violet Ice
- C0AA98
≈ Western Sandstone
Triadisch +120° +240°
- C4A7A1
Sable Cloaked
- 9FB5A4
≈ Silver Leaf
- A6AEC6
≈ Meadow Phlox
Geteilt komplementär +150° +210°
- C4A7A1
Sable Cloaked
- 97B6B0
≈ Lake Forest
- 9CB2C3
≈ Perfect Landing
Tetradisch +90° +180° +270°
- C4A7A1
Sable Cloaked
- ABB39A
≈ Mow the Lawn
- 96B5BC
≈ Blue Shell
- B2AAC2
≈ Transparent Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.23:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.38:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--sable-cloaked: #c4a7a1;
--sable-cloaked-rgb: 196 167 161;
--sable-cloaked-oklch: oklch(0.752 0.035 31.6);
}
.element {
color: var(--sable-cloaked);
background-color: hsl(10 23% 70%);
border-color: oklch(0.752 0.035 31.6);
}Tailwind CSS v4
@theme {
--color-sable-cloaked: #c4a7a1;
--color-sable-cloaked-50: #fff2ef;
--color-sable-cloaked-100: #f3e4e0;
--color-sable-cloaked-200: #e3cfcb;
--color-sable-cloaked-300: #c9b1ac;
--color-sable-cloaked-400: #b29792;
--color-sable-cloaked-500: #9c7e78;
--color-sable-cloaked-600: #846b66;
--color-sable-cloaked-700: #6a5551;
--color-sable-cloaked-800: #4e3e3b;
--color-sable-cloaked-900: #362b29;
--color-sable-cloaked-950: #211817;
}SCSS
$sable-cloaked: #c4a7a1;
$sable-cloaked-rgb: 196, 167, 161;
$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);
}