Nazwany kolor · #C6D4C9
Milky Green
Milky Green to #C6D4C9: rgb(198 212 201), hsl(133 14% 80%), oklch(0.856 0.021 152.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Milky Green color name →
#C6D4C9
oklch(0.856 0.021 152.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCD8CE
- D1DCD4
- D7E1D9
- DDE5DE
- E2E9E4
- E8EEE9
- EEF2EF
- F3F6F4
- F9FBFA
Odcienie ciemniejsze
- ACB8AE
- 929D95
- 7A837C
- 626964
- 4B514C
- 353A36
- 212422
- 0E100F
- 020202
Tony
- BFCBC1
- B8C3BA
- B0BAB2
- A9B1AB
- A2A9A4
- 9BA19C
- 949895
- 8E908E
- 878887
Harmonie kolorów
Komplementarna +180°
- C6D4C9
Milky Green
- D9CBD6
≈ Purple Cream
Analogowa -30° +30°
- C6D4C9
Milky Green
- CDD2C3
≈ Iced Aniseed
- C1D5D1
≈ Aquatic Edge
Triada +120° +240°
- C6D4C9
Milky Green
- CBCFDE
≈ Pale Shale
- DDCBC7
≈ Kangaroo Paw
Komplementarna rozszczepiona +150° +210°
- C6D4C9
Milky Green
- D2CDDC
≈ Kundalini Bliss
- DDCACE
≈ Mega Metal Mecha
Tetrada +90° +180° +270°
- C6D4C9
Milky Green
- C4D2DD
≈ Colour Blind
- D9CBD6
≈ Purple Cream
- DACDC2
≈ Reticence
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.53:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.66:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}