Colore con nome · #C5B5CA
Delicate Mauve
Delicate Mauve è #C5B5CA: rgb(197 181 202), hsl(286 17% 75%), oklch(0.793 0.034 318.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Delicate Mauve color name →
#C5B5CA
oklch(0.793 0.034 318.1)
Conversioni di colore
- HEX
- #c5b5ca
- RGB
- rgb(197 181 202)
- HSL
- hsl(286 17% 75%)
- HWB
- hwb(286 71% 21%)
- OKLCH
- oklch(0.793 0.034 318.1)
- OKLab
- oklab(0.793 0.025 -0.023)
- CIE Lab
- lab(75.53 8.74 -8.49)
- LCH
- lch(75.53 12.19 315.8)
- CMYK
- cmyk(2% 10% 0% 21%)
Tinte · Ombre · Toni
Tinte
- CBBCCF
- D0C3D4
- D6CBDA
- DCD2DF
- E2D9E4
- E8E1EA
- EDE8EF
- F3F0F4
- F9F7FA
Ombre
- AB9DAF
- 928695
- 796F7C
- 615964
- 4B444D
- 353037
- 211D22
- 0E0C0F
- 020202
Toni
- BEB0C2
- B7AABB
- B0A5B3
- A99FAC
- A29AA4
- 9B959D
- 949096
- 8D8A8E
- 878587
Armonie di colore
Complementare +180°
- C5B5CA
Delicate Mauve
- B1C1AC
≈ Wedding Mint
Analogo -30° +30°
- C5B5CA
Delicate Mauve
- BAB8D1
≈ Fragile
- CDB3BF
≈ Candlelight Dinner
Triadico +120° +240°
- C5B5CA
Delicate Mauve
- C8B9A4
≈ Oatbran
- A3C3C3
≈ Ocean Kiss
Complementare divisa +150° +210°
- C5B5CA
Delicate Mauve
- BDBEA5
≈ Beryl Green
- A7C3B7
≈ Kind Green
Tetradico +90° +180° +270°
- C5B5CA
Delicate Mauve
- CFB6A9
≈ Likeable Sand
- B1C1AC
≈ Wedding Mint
- A6C0CD
≈ Graceful
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.93:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.83:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.83:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--delicate-mauve: #c5b5ca;
--delicate-mauve-rgb: 197 181 202;
--delicate-mauve-oklch: oklch(0.793 0.034 318.1);
}
.element {
color: var(--delicate-mauve);
background-color: hsl(286 17% 75%);
border-color: oklch(0.793 0.034 318.1);
}Tailwind CSS v4
@theme {
--color-delicate-mauve: #c5b5ca;
--color-delicate-mauve-50: #faf2fb;
--color-delicate-mauve-100: #ede4ef;
--color-delicate-mauve-200: #dbd0dd;
--color-delicate-mauve-300: #bfb2c2;
--color-delicate-mauve-400: #a798ac;
--color-delicate-mauve-500: #907f95;
--color-delicate-mauve-600: #7a6c7e;
--color-delicate-mauve-700: #615665;
--color-delicate-mauve-800: #473f4a;
--color-delicate-mauve-900: #312b34;
--color-delicate-mauve-950: #1d191f;
}SCSS
$delicate-mauve: #c5b5ca;
$delicate-mauve-rgb: 197, 181, 202;
$delicate-mauve-light: mix(#fff, $delicate-mauve, 20%);
$delicate-mauve-dark: mix(#000, $delicate-mauve, 20%);
.element {
color: $delicate-mauve;
box-shadow: 0 0 0 2px rgba($delicate-mauve, 0.35);
}