Colore con nome · #D6D9CB
Light Lamb’s Ears
Light Lamb’s Ears è #D6D9CB: rgb(214 217 203), hsl(73 16% 82%), oklch(0.879 0.019 116.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Lamb’s Ears color name →
#D6D9CB
oklch(0.879 0.019 116.6)
Conversioni di colore
- HEX
- #d6d9cb
- RGB
- rgb(214 217 203)
- HSL
- hsl(73 16% 82%)
- HWB
- hwb(73 80% 15%)
- OKLCH
- oklch(0.879 0.019 116.6)
- OKLab
- oklab(0.879 -0.009 0.017)
- CIE Lab
- lab(86.17 -2.9 6.55)
- LCH
- lch(86.17 7.16 113.9)
- CMYK
- cmyk(1% 0% 6% 15%)
Tinte · Ombre · Toni
Tinte
- DADDD0
- DEE1D5
- E2E4DA
- E6E8E0
- EAECE5
- EEF0EA
- F3F3EF
- F7F7F4
- FBFBFA
Ombre
- BABCB0
- 9EA196
- 84867D
- 6A6C65
- 52534D
- 3B3B37
- 252522
- 10110F
- 020202
Toni
- CDD0C3
- C4C7BC
- BBBDB4
- B3B4AC
- AAABA5
- A1A39D
- 999A96
- 91918F
- 888987
Armonie di colore
Complementare +180°
- D6D9CB
Light Lamb’s Ears
- D8D5E3
≈ Heavenly Haze
Analogo -30° +30°
- D6D9CB
Light Lamb’s Ears
- DDD7C9
≈ Earthling
- CFDBD0
≈ Light Zen
Triadico +120° +240°
- D6D9CB
Light Lamb’s Ears
- CCD9E2
≈ Pale Cornflower
- E2D2D7
≈ Secret Blush
Complementare divisa +150° +210°
- D6D9CB
Light Lamb’s Ears
- D1D7E4
≈ Violet Water
- DED3DE
≈ Timid Violet
Tetradico +90° +180° +270°
- D6D9CB
Light Lamb’s Ears
- C9DBDD
≈ Shark
- D8D5E3
≈ Heavenly Haze
- E4D3D0
≈ Light Lavender Blush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.64:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.64:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--light-lamb-s-ears: #d6d9cb;
--light-lamb-s-ears-rgb: 214 217 203;
--light-lamb-s-ears-oklch: oklch(0.879 0.019 116.6);
}
.element {
color: var(--light-lamb-s-ears);
background-color: hsl(73 16% 82%);
border-color: oklch(0.879 0.019 116.6);
}Tailwind CSS v4
@theme {
--color-light-lamb-s-ears: #d6d9cb;
--color-light-lamb-s-ears-50: #f4f6f0;
--color-light-lamb-s-ears-100: #e7e9e2;
--color-light-lamb-s-ears-200: #d3d5cc;
--color-light-lamb-s-ears-300: #b6b9ae;
--color-light-lamb-s-ears-400: #9da093;
--color-light-lamb-s-ears-500: #85887a;
--color-light-lamb-s-ears-600: #717367;
--color-light-lamb-s-ears-700: #5a5c52;
--color-light-lamb-s-ears-800: #42433c;
--color-light-lamb-s-ears-900: #2e2e29;
--color-light-lamb-s-ears-950: #1a1b17;
}SCSS
$light-lamb-s-ears: #d6d9cb;
$light-lamb-s-ears-rgb: 214, 217, 203;
$light-lamb-s-ears-light: mix(#fff, $light-lamb-s-ears, 20%);
$light-lamb-s-ears-dark: mix(#000, $light-lamb-s-ears, 20%);
.element {
color: $light-lamb-s-ears;
box-shadow: 0 0 0 2px rgba($light-lamb-s-ears, 0.35);
}