Nazwany kolor · #CCD8BA
Meadow Mist
Meadow Mist to #CCD8BA: rgb(204 216 186), hsl(84 28% 79%), oklch(0.865 0.042 125.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Meadow Mist color name →
#CCD8BA
oklch(0.865 0.042 125.1)
Konwersje koloru
- HEX
- #ccd8ba
- RGB
- rgb(204 216 186)
- HSL
- hsl(84 28% 79%)
- HWB
- hwb(84 73% 15%)
- OKLCH
- oklch(0.865 0.042 125.1)
- OKLab
- oklab(0.865 -0.024 0.035)
- CIE Lab
- lab(84.81 -8.14 13.4)
- LCH
- lch(84.81 15.68 121.3)
- CMYK
- cmyk(6% 0% 14% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D1DCC1
- D6E0C8
- DBE4CF
- E0E8D5
- E5EBDC
- EAEFE3
- EFF3EA
- F5F7F1
- FAFBF8
Odcienie ciemniejsze
- B1BCA1
- 97A089
- 7E8572
- 656B5C
- 4E5346
- 373B32
- 22251E
- 0F110D
- 020202
Tony
- C4CFB4
- BCC6AE
- B5BDA8
- ADB4A3
- A5AB9D
- 9EA297
- 969A91
- 8F918B
- 878886
Harmonie kolorów
Komplementarna +180°
- CCD8BA
Meadow Mist
- D9CCEA
≈ Plum’s the Word
Analogowa -30° +30°
- CCD8BA
Meadow Mist
- DBD3B4
≈ Suna White
- BEDBC7
≈ Green Grapes
Triada +120° +240°
- CCD8BA
Meadow Mist
- BCD6ED
≈ Light Water Wash
- ECC8CF
≈ Funny Face
Komplementarna rozszczepiona +150° +210°
- CCD8BA
Meadow Mist
- CAD1EF
≈ Frozen Periwinkle
- E5C9DE
≈ Wisteria Whisper
Tetrada +90° +180° +270°
- CCD8BA
Meadow Mist
- B4DAE4
≈ Blue Shimmer
- D9CCEA
≈ Plum’s the Word
- EDC9C0
≈ Harmony
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.48:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.09:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 14.09:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--meadow-mist: #ccd8ba;
--meadow-mist-rgb: 204 216 186;
--meadow-mist-oklch: oklch(0.865 0.042 125.1);
}
.element {
color: var(--meadow-mist);
background-color: hsl(84 28% 79%);
border-color: oklch(0.865 0.042 125.1);
}Tailwind CSS v4
@theme {
--color-meadow-mist: #ccd8ba;
--color-meadow-mist-50: #f2f8eb;
--color-meadow-mist-100: #e4ebdc;
--color-meadow-mist-200: #cfd8c5;
--color-meadow-mist-300: #b1bca5;
--color-meadow-mist-400: #98a388;
--color-meadow-mist-500: #808b6d;
--color-meadow-mist-600: #6c765c;
--color-meadow-mist-700: #565e4a;
--color-meadow-mist-800: #3f4535;
--color-meadow-mist-900: #2c3024;
--color-meadow-mist-950: #191c13;
}SCSS
$meadow-mist: #ccd8ba;
$meadow-mist-rgb: 204, 216, 186;
$meadow-mist-light: mix(#fff, $meadow-mist, 20%);
$meadow-mist-dark: mix(#000, $meadow-mist, 20%);
.element {
color: $meadow-mist;
box-shadow: 0 0 0 2px rgba($meadow-mist, 0.35);
}