Dichtstbijzijnde benoemde kleur · #C4A7A5
#C4A7A5
Dichtstbijzijnde benoemde kleur: Sable Cloaked
#C4A7A5 (rgb(196 167 165), hsl(4 21% 71%), oklch(0.753 0.034 22.6)) komt het dichtst bij de benoemde kleur Sable Cloaked. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C4A7A5
oklch(0.753 0.034 22.6)
Kleurconversies
- HEX
- #c4a7a5
- RGB
- rgb(196 167 165)
- HSL
- hsl(4 21% 71%)
- HWB
- hwb(4 65% 23%)
- OKLCH
- oklch(0.753 0.034 22.6)
- OKLab
- oklab(0.753 0.032 0.013)
- CIE Lab
- lab(71.05 10.69 5.18)
- LCH
- lch(71.05 11.87 25.8)
- CMYK
- cmyk(0% 15% 16% 23%)
Tinten · Schaduwen · Tonen
Tinten
- CAB0AE
- D0B8B6
- D6C1BF
- DCC9C8
- E2D2D1
- E7DBDA
- EDE4E3
- F3EDEC
- F9F6F6
Schaduwen
- AA918F
- 917B79
- 786665
- 615251
- 4A3E3D
- 352C2B
- 211A1A
- 0E0A0A
- 020101
Tonen
- BDA3A1
- B69F9D
- AF9B9A
- A89796
- A29392
- 9B8F8F
- 948C8B
- 8D8887
- 878484
Kleurharmonieën
Complementair +180°
- C4A7A5
Sable Cloaked
- 97B6B8
≈ Baroque Blue
Analoog -30° +30°
- C4A7A5
Sable Cloaked
- C1A7B1
≈ Pansy Posie
- C1AA9B
≈ Adirondack Path
Triadisch +120° +240°
- C4A7A5
Sable Cloaked
- A3B5A1
≈ Bamboo Shoot
- A4AFC5
≈ Innuendo
Gesplitst complementair +150° +210°
- C4A7A5
Sable Cloaked
- 9AB6AD
≈ Tropical Bay
- 9AB3C1
≈ Respite
Tetradisch +90° +180° +270°
- C4A7A5
Sable Cloaked
- AFB299
≈ Alfalfa
- 97B6B8
≈ Baroque Blue
- AFABC3
≈ Cosmic Sky
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.22:1 · APCA Lc 44
Ag
AAAOp zwart
WCAG 9.41:1 · APCA Lc 58
Beste tekstkleur: #000000
WCAG 9.41:1 (AAA) · APCA Lc 58
Contrast pairs
Codefragmenten
CSS
:root {
--sable-cloaked: #c4a7a5;
--sable-cloaked-rgb: 196 167 165;
--sable-cloaked-oklch: oklch(0.753 0.034 22.6);
}
.element {
color: var(--sable-cloaked);
background-color: hsl(4 21% 71%);
border-color: oklch(0.753 0.034 22.6);
}Tailwind CSS v4
@theme {
--color-sable-cloaked: #c4a7a5;
--color-sable-cloaked-50: #fff2f0;
--color-sable-cloaked-100: #f3e4e2;
--color-sable-cloaked-200: #e3cfcd;
--color-sable-cloaked-300: #c9b1af;
--color-sable-cloaked-400: #b29795;
--color-sable-cloaked-500: #9c7e7c;
--color-sable-cloaked-600: #846a69;
--color-sable-cloaked-700: #6a5554;
--color-sable-cloaked-800: #4e3e3d;
--color-sable-cloaked-900: #362b2a;
--color-sable-cloaked-950: #211818;
}SCSS
$sable-cloaked: #c4a7a5;
$sable-cloaked-rgb: 196, 167, 165;
$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);
}