Colore con nome · #CAB2C1
Runic Mauve
Runic Mauve è #CAB2C1: rgb(202 178 193), hsl(323 18% 75%), oklch(0.789 0.034 340). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Runic Mauve color name →
#CAB2C1
oklch(0.789 0.034 340)
Conversioni di colore
- HEX
- #cab2c1
- RGB
- rgb(202 178 193)
- HSL
- hsl(323 18% 75%)
- HWB
- hwb(323 70% 21%)
- OKLCH
- oklch(0.789 0.034 340)
- OKLab
- oklab(0.789 0.032 -0.012)
- CIE Lab
- lab(75.01 10.84 -4.32)
- LCH
- lch(75.01 11.67 338.3)
- CMYK
- cmyk(0% 12% 4% 21%)
Tinte · Ombre · Toni
Tinte
- CFB9C7
- D5C1CD
- DAC9D3
- DFD0D9
- E4D8E0
- EAE0E6
- EFE7EC
- F4EFF2
- FAF7F9
Ombre
- AF9AA7
- 95838F
- 7C6D77
- 64575F
- 4D4349
- 372F34
- 221D20
- 0F0C0E
- 020102
Toni
- C2ADBA
- BBA8B4
- B3A3AD
- AC9EA6
- A499A0
- 9D9499
- 968F93
- 8E8A8D
- 878586
Armonie di colore
Complementare +180°
- CAB2C1
Runic Mauve
- A8C1B3
≈ Kind Green
Analogo -30° +30°
- CAB2C1
Runic Mauve
- C1B4CB
≈ Orchid Petal
- CFB2B5
≈ Izmir Pink
Triadico +120° +240°
- CAB2C1
Runic Mauve
- BFBBA2
≈ Castle Wall
- A3C0C9
≈ Frozen Tundra
Complementare divisa +150° +210°
- CAB2C1
Runic Mauve
- B3BFA8
≈ Creamy Spinach
- A2C2BF
≈ Aspiring Blue
Tetradico +90° +180° +270°
- CAB2C1
Runic Mauve
- C9B7A3
≈ Shaggy Dog
- A8C1B3
≈ Kind Green
- AABCD0
≈ Wood Pigeon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.97:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.64:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--runic-mauve: #cab2c1;
--runic-mauve-rgb: 202 178 193;
--runic-mauve-oklch: oklch(0.789 0.034 340);
}
.element {
color: var(--runic-mauve);
background-color: hsl(323 18% 75%);
border-color: oklch(0.789 0.034 340);
}Tailwind CSS v4
@theme {
--color-runic-mauve: #cab2c1;
--color-runic-mauve-50: #fdf1f8;
--color-runic-mauve-100: #f1e4eb;
--color-runic-mauve-200: #dfcfd8;
--color-runic-mauve-300: #c5b1bc;
--color-runic-mauve-400: #ad97a5;
--color-runic-mauve-500: #967e8d;
--color-runic-mauve-600: #7f6a78;
--color-runic-mauve-700: #665560;
--color-runic-mauve-800: #4b3e46;
--color-runic-mauve-900: #342b31;
--color-runic-mauve-950: #1f181d;
}SCSS
$runic-mauve: #cab2c1;
$runic-mauve-rgb: 202, 178, 193;
$runic-mauve-light: mix(#fff, $runic-mauve, 20%);
$runic-mauve-dark: mix(#000, $runic-mauve, 20%);
.element {
color: $runic-mauve;
box-shadow: 0 0 0 2px rgba($runic-mauve, 0.35);
}