Colore con nome · #C4AFB3
Mature
Mature è #C4AFB3: rgb(196 175 179), hsl(349 15% 73%), oklch(0.773 0.025 4.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mature color name →
#C4AFB3
oklch(0.773 0.025 4.7)
Conversioni di colore
- HEX
- #c4afb3
- RGB
- rgb(196 175 179)
- HSL
- hsl(349 15% 73%)
- HWB
- hwb(349 69% 23%)
- OKLCH
- oklch(0.773 0.025 4.7)
- OKLab
- oklab(0.773 0.025 0.002)
- CIE Lab
- lab(73.38 8.32 0.86)
- LCH
- lch(73.38 8.36 5.9)
- CMYK
- cmyk(0% 11% 9% 23%)
Tinte · Ombre · Toni
Tinte
- CAB7BA
- D0BFC2
- D6C6C9
- DBCED1
- E1D6D8
- E7DEE0
- EDE6E8
- F3EFEF
- F9F7F7
Ombre
- AA989B
- 918184
- 786B6E
- 615658
- 4A4143
- 352E2F
- 211C1D
- 0E0B0C
- 020101
Toni
- BDAAAE
- B6A5A9
- AFA1A3
- A89C9E
- A19799
- 9B9394
- 948E8F
- 8D898A
- 878585
Armonie di colore
Complementare +180°
- C4AFB3
Mature
- A5BBB7
≈ Lucinda
Analogo -30° +30°
- C4AFB3
Mature
- C0B0BC
≈ Mischief
- C4B0AB
≈ Artistic Taupe
Triadico +120° +240°
- C4AFB3
Mature
- B1B8A7
≈ Dewkissed Rain
- A9B7C4
≈ Overcast Sky
Complementare divisa +150° +210°
- C4AFB3
Mature
- AABAAE
≈ Quiet Teal
- A4BABF
≈ Soft Shore
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.07:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.13:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--mature: #c4afb3;
--mature-rgb: 196 175 179;
--mature-oklch: oklch(0.773 0.025 4.7);
}
.element {
color: var(--mature);
background-color: hsl(349 15% 73%);
border-color: oklch(0.773 0.025 4.7);
}Tailwind CSS v4
@theme {
--color-mature: #c4afb3;
--color-mature-50: #fcf2f4;
--color-mature-100: #f0e5e6;
--color-mature-200: #ded0d2;
--color-mature-300: #c3b2b5;
--color-mature-400: #ac999c;
--color-mature-500: #958084;
--color-mature-600: #7e6c70;
--color-mature-700: #655659;
--color-mature-800: #4a3f41;
--color-mature-900: #332b2d;
--color-mature-950: #1f191a;
}SCSS
$mature: #c4afb3;
$mature-rgb: 196, 175, 179;
$mature-light: mix(#fff, $mature, 20%);
$mature-dark: mix(#000, $mature, 20%);
.element {
color: $mature;
box-shadow: 0 0 0 2px rgba($mature, 0.35);
}