Cor nomeada · #CCD1B2
Meadow Glen
Meadow Glen é #CCD1B2: rgb(204 209 178), hsl(70 25% 76%), oklch(0.849 0.042 114.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Meadow Glen color name →
#CCD1B2
oklch(0.849 0.042 114.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- D1D6BA
- D6DAC1
- DBDFC9
- E0E3D1
- E5E8D8
- EAECE0
- EFF1E8
- F5F6EF
- FAFAF7
Sombras
- B1B59A
- 979B83
- 7E816D
- 656857
- 4E5043
- 37392F
- 22231D
- 0F100C
- 020201
Tons
- C4C9AD
- BCC0A8
- B5B8A3
- ADB09E
- A5A899
- 9EA094
- 96988F
- 8F908A
- 878885
Harmonias de cor
Complementar +180°
- CCD1B2
Meadow Glen
- CFC8E7
≈ Italian Fitch
Análoga -30° +30°
- CCD1B2
Meadow Glen
- DACCAF
≈ Soft Suede
- BDD5BD
≈ Surf
Tríade +120° +240°
- CCD1B2
Meadow Glen
- B4D2E5
≈ Delicate Ice
- E5C2CF
≈ In the Slip
Complementar dividida +150° +210°
- CCD1B2
Meadow Glen
- C0CEEA
≈ Maritime
- DCC4DD
≈ Simply Lavender
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.33:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.33:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
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);
}