Colore con nome · #CAB8AB
Grey Mauve
Grey Mauve è #CAB8AB: rgb(202 184 171), hsl(25 23% 73%), oklch(0.794 0.027 58.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Grey Mauve color name →
#CAB8AB
oklch(0.794 0.027 58.2)
Conversioni di colore
- HEX
- #cab8ab
- RGB
- rgb(202 184 171)
- HSL
- hsl(25 23% 73%)
- HWB
- hwb(25 67% 21%)
- OKLCH
- oklch(0.794 0.027 58.2)
- OKLab
- oklab(0.794 0.014 0.023)
- CIE Lab
- lab(76.05 5.03 9.07)
- LCH
- lch(76.05 10.37 61)
- CMYK
- cmyk(0% 9% 15% 21%)
Tinte · Ombre · Toni
Tinte
- CFBFB3
- D5C6BB
- DACDC4
- DFD4CC
- E4DBD4
- EAE2DD
- EFE9E5
- F4F1EE
- FAF8F6
Ombre
- AFA094
- 95887E
- 7C7168
- 645B54
- 4D4540
- 37312D
- 221E1B
- 0F0C0B
- 020201
Toni
- C2B2A7
- BBADA2
- B3A79E
- ACA19A
- A49C95
- 9D9691
- 96908D
- 8E8B88
- 878584
Armonie di colore
Complementare +180°
- CAB8AB
Grey Mauve
- ACBFCC
≈ Cerulean Tint
Analogo -30° +30°
- CAB8AB
Grey Mauve
- CDB6B2
≈ Smoked Lavender
- C3BBA8
≈ Apparition
Triadico +120° +240°
- CAB8AB
Grey Mauve
- AAC2BC
≈ Dreaming of the Day
- BEB8CC
≈ Wild Lilac
Complementare divisa +150° +210°
- CAB8AB
Grey Mauve
- A8C1C5
≈ Bleu Clair
- B4BCCE
≈ Cold Winter’s Morn
Tetradico +90° +180° +270°
- CAB8AB
Grey Mauve
- B1C1B2
≈ Rainee
- ACBFCC
≈ Cerulean Tint
- C6B6C5
≈ Pink Bravado
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.91:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.95:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.95:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--grey-mauve: #cab8ab;
--grey-mauve-rgb: 202 184 171;
--grey-mauve-oklch: oklch(0.794 0.027 58.2);
}
.element {
color: var(--grey-mauve);
background-color: hsl(25 23% 73%);
border-color: oklch(0.794 0.027 58.2);
}Tailwind CSS v4
@theme {
--color-grey-mauve: #cab8ab;
--color-grey-mauve-50: #fbf3ed;
--color-grey-mauve-100: #efe6df;
--color-grey-mauve-200: #ddd2c9;
--color-grey-mauve-300: #c2b4aa;
--color-grey-mauve-400: #ab9b8f;
--color-grey-mauve-500: #958275;
--color-grey-mauve-600: #7e6e63;
--color-grey-mauve-700: #65584f;
--color-grey-mauve-800: #4a4039;
--color-grey-mauve-900: #332c27;
--color-grey-mauve-950: #1f1915;
}SCSS
$grey-mauve: #cab8ab;
$grey-mauve-rgb: 202, 184, 171;
$grey-mauve-light: mix(#fff, $grey-mauve, 20%);
$grey-mauve-dark: mix(#000, $grey-mauve, 20%);
.element {
color: $grey-mauve;
box-shadow: 0 0 0 2px rgba($grey-mauve, 0.35);
}