Colore con nome · #CAC1B1
Neutra
Neutra è #CAC1B1: rgb(202 193 177), hsl(38 19% 74%), oklch(0.814 0.024 82.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Neutra color name →
#CAC1B1
oklch(0.814 0.024 82.1)
Conversioni di colore
- HEX
- #cac1b1
- RGB
- rgb(202 193 177)
- HSL
- hsl(38 19% 74%)
- HWB
- hwb(38 69% 21%)
- OKLCH
- oklch(0.814 0.024 82.1)
- OKLab
- oklab(0.814 0.003 0.024)
- CIE Lab
- lab(78.48 1.24 9.27)
- LCH
- lch(78.48 9.36 82.4)
- CMYK
- cmyk(0% 4% 12% 21%)
Tinte · Ombre · Toni
Tinte
- CFC7B9
- D4CDC0
- DAD3C8
- DFD9D0
- E4E0D7
- EAE6DF
- EFECE7
- F4F2EF
- FAF9F7
Ombre
- AFA799
- 958F83
- 7C776C
- 645F57
- 4D4942
- 37342F
- 22201C
- 0F0E0C
- 020201
Toni
- C2BAAC
- BBB4A7
- B3ADA2
- ACA69D
- A4A098
- 9D9993
- 96938E
- 8E8D8A
- 878685
Armonie di colore
Complementare +180°
- CAC1B1
Neutra
- BAC3D2
≈ Hyacinth Tint
Analogo -30° +30°
- CAC1B1
Neutra
- D0BEB4
≈ Summer Bloom
- C2C4B2
≈ Kangaroo
Triadico +120° +240°
- CAC1B1
Neutra
- B1C7C9
≈ Restful Retreat
- CABDCC
≈ My Mona
Complementare divisa +150° +210°
- CAC1B1
Neutra
- B3C5CF
≈ Star Mist
- C2C0D1
≈ Silver Dagger
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.77:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.77:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--neutra: #cac1b1;
--neutra-rgb: 202 193 177;
--neutra-oklch: oklch(0.814 0.024 82.1);
}
.element {
color: var(--neutra);
background-color: hsl(38 19% 74%);
border-color: oklch(0.814 0.024 82.1);
}Tailwind CSS v4
@theme {
--color-neutra: #cac1b1;
--color-neutra-50: #f8f5ed;
--color-neutra-100: #ece7df;
--color-neutra-200: #d9d4c9;
--color-neutra-300: #bdb7aa;
--color-neutra-400: #a69d8f;
--color-neutra-500: #8e8574;
--color-neutra-600: #787163;
--color-neutra-700: #605a4f;
--color-neutra-800: #474239;
--color-neutra-900: #312d27;
--color-neutra-950: #1d1a15;
}SCSS
$neutra: #cac1b1;
$neutra-rgb: 202, 193, 177;
$neutra-light: mix(#fff, $neutra, 20%);
$neutra-dark: mix(#000, $neutra, 20%);
.element {
color: $neutra;
box-shadow: 0 0 0 2px rgba($neutra, 0.35);
}