Colore con nome · #CEE1D9
Light Meadow Lane
Light Meadow Lane è #CEE1D9: rgb(206 225 217), hsl(155 24% 85%), oklch(0.893 0.023 168.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Meadow Lane color name →
#CEE1D9
oklch(0.893 0.023 168.7)
Conversioni di colore
- HEX
- #cee1d9
- RGB
- rgb(206 225 217)
- HSL
- hsl(155 24% 85%)
- HWB
- hwb(155 81% 12%)
- OKLCH
- oklch(0.893 0.023 168.7)
- OKLab
- oklab(0.893 -0.023 0.005)
- CIE Lab
- lab(87.93 -7.68 1.65)
- LCH
- lch(87.93 7.86 167.9)
- CMYK
- cmyk(8% 0% 4% 12%)
Tinte · Ombre · Toni
Tinte
- D3E4DD
- D8E7E1
- DDEAE4
- E2EDE8
- E6F0EC
- EBF3F0
- F0F6F3
- F5F9F7
- FAFCFB
Ombre
- B3C4BC
- 98A7A1
- 7F8B86
- 66706C
- 4E5653
- 383E3B
- 232725
- 0F1211
- 020202
Toni
- C6D7D0
- BECDC7
- B6C3BD
- AEB9B4
- A6AFAB
- 9EA6A3
- 979C9A
- 8F9391
- 888988
Armonie di colore
Complementare +180°
- CEE1D9
Light Meadow Lane
- E8D6DE
≈ Swiss Rose
Analogo -30° +30°
- CEE1D9
Light Meadow Lane
- D4E0D1
≈ Green Tilberi
- CBE1E1
≈ Mellifluous Blue
Triadico +120° +240°
- CEE1D9
Light Meadow Lane
- DBDAEB
≈ Eyeshadow
- E9D8CF
≈ Malted Milk
Complementare divisa +150° +210°
- CEE1D9
Light Meadow Lane
- E3D7E6
≈ Lavender Vista
- EBD6D6
≈ Light Youth
Tetradico +90° +180° +270°
- CEE1D9
Light Meadow Lane
- D3DDEB
≈ Morning Shower
- E8D6DE
≈ Swiss Rose
- E4DACB
≈ Swiss Almond
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.39:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.39:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--light-meadow-lane: #cee1d9;
--light-meadow-lane-rgb: 206 225 217;
--light-meadow-lane-oklch: oklch(0.893 0.023 168.7);
}
.element {
color: var(--light-meadow-lane);
background-color: hsl(155 24% 85%);
border-color: oklch(0.893 0.023 168.7);
}Tailwind CSS v4
@theme {
--color-light-meadow-lane: #cee1d9;
--color-light-meadow-lane-50: #eff7f4;
--color-light-meadow-lane-100: #e1eae7;
--color-light-meadow-lane-200: #cbd8d3;
--color-light-meadow-lane-300: #acbbb6;
--color-light-meadow-lane-400: #92a39c;
--color-light-meadow-lane-500: #788b83;
--color-light-meadow-lane-600: #66766f;
--color-light-meadow-lane-700: #515e59;
--color-light-meadow-lane-800: #3b4541;
--color-light-meadow-lane-900: #29302c;
--color-light-meadow-lane-950: #161c1a;
}SCSS
$light-meadow-lane: #cee1d9;
$light-meadow-lane-rgb: 206, 225, 217;
$light-meadow-lane-light: mix(#fff, $light-meadow-lane, 20%);
$light-meadow-lane-dark: mix(#000, $light-meadow-lane, 20%);
.element {
color: $light-meadow-lane;
box-shadow: 0 0 0 2px rgba($light-meadow-lane, 0.35);
}