Colore con nome · #C6D4C9
Milky Green
Milky Green è #C6D4C9: rgb(198 212 201), hsl(133 14% 80%), oklch(0.856 0.021 152.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Milky Green color name →
#C6D4C9
oklch(0.856 0.021 152.1)
Conversioni di colore
- HEX
- #c6d4c9
- RGB
- rgb(198 212 201)
- HSL
- hsl(133 14% 80%)
- HWB
- hwb(133 78% 17%)
- OKLCH
- oklch(0.856 0.021 152.1)
- OKLab
- oklab(0.856 -0.019 0.01)
- CIE Lab
- lab(83.6 -6.43 3.75)
- LCH
- lch(83.6 7.45 149.8)
- CMYK
- cmyk(7% 0% 5% 17%)
Tinte · Ombre · Toni
Tinte
- CCD8CE
- D1DCD4
- D7E1D9
- DDE5DE
- E2E9E4
- E8EEE9
- EEF2EF
- F3F6F4
- F9FBFA
Ombre
- ACB8AE
- 929D95
- 7A837C
- 626964
- 4B514C
- 353A36
- 212422
- 0E100F
- 020202
Toni
- BFCBC1
- B8C3BA
- B0BAB2
- A9B1AB
- A2A9A4
- 9BA19C
- 949895
- 8E908E
- 878887
Armonie di colore
Complementare +180°
- C6D4C9
Milky Green
- D9CBD6
≈ Purple Cream
Analogo -30° +30°
- C6D4C9
Milky Green
- CDD2C3
≈ Iced Aniseed
- C1D5D1
≈ Aquatic Edge
Triadico +120° +240°
- C6D4C9
Milky Green
- CBCFDE
≈ Pale Shale
- DDCBC7
≈ Kangaroo Paw
Complementare divisa +150° +210°
- C6D4C9
Milky Green
- D2CDDC
≈ Kundalini Bliss
- DDCACE
≈ Mega Metal Mecha
Tetradico +90° +180° +270°
- C6D4C9
Milky Green
- C4D2DD
≈ Colour Blind
- D9CBD6
≈ Purple Cream
- DACDC2
≈ Reticence
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.53:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.66:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--milky-green: #c6d4c9;
--milky-green-rgb: 198 212 201;
--milky-green-oklch: oklch(0.856 0.021 152.1);
}
.element {
color: var(--milky-green);
background-color: hsl(133 14% 80%);
border-color: oklch(0.856 0.021 152.1);
}Tailwind CSS v4
@theme {
--color-milky-green: #c6d4c9;
--color-milky-green-50: #f1f7f2;
--color-milky-green-100: #e3eae5;
--color-milky-green-200: #ced7d0;
--color-milky-green-300: #afbbb2;
--color-milky-green-400: #96a298;
--color-milky-green-500: #7c8a7f;
--color-milky-green-600: #69756c;
--color-milky-green-700: #545e56;
--color-milky-green-800: #3d453f;
--color-milky-green-900: #2a2f2b;
--color-milky-green-950: #181c18;
}SCSS
$milky-green: #c6d4c9;
$milky-green-rgb: 198, 212, 201;
$milky-green-light: mix(#fff, $milky-green, 20%);
$milky-green-dark: mix(#000, $milky-green, 20%);
.element {
color: $milky-green;
box-shadow: 0 0 0 2px rgba($milky-green, 0.35);
}