Colore con nome · #CCD1B2
Meadow Glen
Meadow Glen è #CCD1B2: rgb(204 209 178), hsl(70 25% 76%), oklch(0.849 0.042 114.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Meadow Glen color name →
#CCD1B2
oklch(0.849 0.042 114.7)
Conversioni di colore
- HEX
- #ccd1b2
- RGB
- rgb(204 209 178)
- HSL
- hsl(70 25% 76%)
- HWB
- hwb(70 70% 18%)
- OKLCH
- oklch(0.849 0.042 114.7)
- OKLab
- oklab(0.849 -0.018 0.038)
- CIE Lab
- lab(82.83 -5.73 14.84)
- LCH
- lch(82.83 15.91 111.1)
- CMYK
- cmyk(2% 0% 15% 18%)
Tinte · Ombre · Toni
Tinte
- D1D6BA
- D6DAC1
- DBDFC9
- E0E3D1
- E5E8D8
- EAECE0
- EFF1E8
- F5F6EF
- FAFAF7
Ombre
- B1B59A
- 979B83
- 7E816D
- 656857
- 4E5043
- 37392F
- 22231D
- 0F100C
- 020201
Toni
- C4C9AD
- BCC0A8
- B5B8A3
- ADB09E
- A5A899
- 9EA094
- 96988F
- 8F908A
- 878885
Armonie di colore
Complementare +180°
- CCD1B2
Meadow Glen
- CFC8E7
≈ Italian Fitch
Analogo -30° +30°
- CCD1B2
Meadow Glen
- DACCAF
≈ Soft Suede
- BDD5BD
≈ Surf
Triadico +120° +240°
- CCD1B2
Meadow Glen
- B4D2E5
≈ Delicate Ice
- E5C2CF
≈ In the Slip
Complementare divisa +150° +210°
- CCD1B2
Meadow Glen
- C0CEEA
≈ Maritime
- DCC4DD
≈ Simply Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.33:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.33:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--meadow-glen: #ccd1b2;
--meadow-glen-rgb: 204 209 178;
--meadow-glen-oklch: oklch(0.849 0.042 114.7);
}
.element {
color: var(--meadow-glen);
background-color: hsl(70 25% 76%);
border-color: oklch(0.849 0.042 114.7);
}Tailwind CSS v4
@theme {
--color-meadow-glen: #ccd1b2;
--color-meadow-glen-50: #f4f7ea;
--color-meadow-glen-100: #e7eada;
--color-meadow-glen-200: #d3d7c3;
--color-meadow-glen-300: #b6bba2;
--color-meadow-glen-400: #9da286;
--color-meadow-glen-500: #858a6a;
--color-meadow-glen-600: #71755a;
--color-meadow-glen-700: #5a5d48;
--color-meadow-glen-800: #424433;
--color-meadow-glen-900: #2e2f23;
--color-meadow-glen-950: #1b1c12;
}SCSS
$meadow-glen: #ccd1b2;
$meadow-glen-rgb: 204, 209, 178;
$meadow-glen-light: mix(#fff, $meadow-glen, 20%);
$meadow-glen-dark: mix(#000, $meadow-glen, 20%);
.element {
color: $meadow-glen;
box-shadow: 0 0 0 2px rgba($meadow-glen, 0.35);
}