Colore con nome · #C2C4D4
Grape Lavender
Grape Lavender è #C2C4D4: rgb(194 196 212), hsl(233 17% 80%), oklch(0.824 0.022 280.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Grape Lavender color name →
#C2C4D4
oklch(0.824 0.022 280.2)
Conversioni di colore
- HEX
- #c2c4d4
- RGB
- rgb(194 196 212)
- HSL
- hsl(233 17% 80%)
- HWB
- hwb(233 76% 17%)
- OKLCH
- oklch(0.824 0.022 280.2)
- OKLab
- oklab(0.824 0.004 -0.022)
- CIE Lab
- lab(79.37 1.59 -8.27)
- LCH
- lch(79.37 8.43 280.8)
- CMYK
- cmyk(8% 8% 0% 17%)
Tinte · Ombre · Toni
Tinte
- C8CAD8
- CED0DD
- D4D5E1
- DADBE5
- E0E1E9
- E6E7EE
- ECEDF2
- F3F3F6
- F9F9FB
Ombre
- A8AAB8
- 8F919D
- 777883
- 606169
- 494A51
- 34353A
- 202124
- 0E0E10
- 020202
Toni
- BBBDCB
- B4B6C3
- AEAFBA
- A7A8B2
- A0A1A9
- 9A9BA1
- 939498
- 8D8D90
- 868788
Armonie di colore
Complementare +180°
- C2C4D4
Grape Lavender
- C8C6B6
≈ Moss Island
Analogo -30° +30°
- C2C4D4
Grape Lavender
- BBC7D4
≈ Icy
- CAC2D0
≈ Orchid Fragrance
Triadico +120° +240°
- C2C4D4
Grape Lavender
- D3C1BB
≈ French Taupe
- BACAC0
≈ Mountain Falls
Complementare divisa +150° +210°
- C2C4D4
Grape Lavender
- CFC3B6
≈ Gotta Have It
- C0C8B9
≈ Desert Panzer
Tetradico +90° +180° +270°
- C2C4D4
Grape Lavender
- D3C0C2
≈ Aroma
- C8C6B6
≈ Moss Island
- B6CAC8
≈ Berry Mojito
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.14:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 12.14:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--grape-lavender: #c2c4d4;
--grape-lavender-rgb: 194 196 212;
--grape-lavender-oklch: oklch(0.824 0.022 280.2);
}
.element {
color: var(--grape-lavender);
background-color: hsl(233 17% 80%);
border-color: oklch(0.824 0.022 280.2);
}Tailwind CSS v4
@theme {
--color-grape-lavender: #c2c4d4;
--color-grape-lavender-50: #f4f4fc;
--color-grape-lavender-100: #e6e7ef;
--color-grape-lavender-200: #d2d3de;
--color-grape-lavender-300: #b5b6c3;
--color-grape-lavender-400: #9b9dac;
--color-grape-lavender-500: #838595;
--color-grape-lavender-600: #6f707e;
--color-grape-lavender-700: #595a65;
--color-grape-lavender-800: #40424a;
--color-grape-lavender-900: #2c2d34;
--color-grape-lavender-950: #191a1f;
}SCSS
$grape-lavender: #c2c4d4;
$grape-lavender-rgb: 194, 196, 212;
$grape-lavender-light: mix(#fff, $grape-lavender, 20%);
$grape-lavender-dark: mix(#000, $grape-lavender, 20%);
.element {
color: $grape-lavender;
box-shadow: 0 0 0 2px rgba($grape-lavender, 0.35);
}