Colore con nome · #D6E1B4
Fern Shadow
Fern Shadow è #D6E1B4: rgb(214 225 180), hsl(75 43% 79%), oklch(0.89 0.061 118.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Fern Shadow color name →
#D6E1B4
oklch(0.89 0.061 118.8)
Conversioni di colore
- HEX
- #d6e1b4
- RGB
- rgb(214 225 180)
- HSL
- hsl(75 43% 79%)
- HWB
- hwb(75 71% 12%)
- OKLCH
- oklch(0.89 0.061 118.8)
- OKLab
- oklab(0.89 -0.029 0.053)
- CIE Lab
- lab(87.83 -9.46 20.81)
- LCH
- lch(87.83 22.86 114.4)
- CMYK
- cmyk(5% 0% 20% 12%)
Tinte · Ombre · Toni
Tinte
- DAE4BC
- DEE7C3
- E2EACB
- E6EDD2
- EAF0DA
- EEF3E1
- F2F6E9
- F7F9F0
- FBFCF8
Ombre
- BAC49C
- 9EA785
- 848B6E
- 6A7058
- 525644
- 3B3E30
- 25271D
- 10120C
- 020202
Toni
- CDD7AF
- C4CDAA
- BBC3A4
- B3B99F
- AAAF9A
- A1A695
- 999C90
- 90938A
- 888985
Armonie di colore
Complementare +180°
- D6E1B4
Fern Shadow
- E0D3FE
≈ Pale Lavender
Analogo -30° +30°
- D6E1B4
Fern Shadow
- EBD9AD
≈ Golden Fleece
- C0E7C5
≈ Canton Jade
Triadico +120° +240°
- D6E1B4
Fern Shadow
- B6E1FF
≈ Dithered Sky
- FECBDA
≈ Linnet Egg Red
Complementare divisa +150° +210°
- D6E1B4
Fern Shadow
- CCDAFF
≈ Icy Plains
- F2CDEF
≈ Bubblegum Crisis
Tetradico +90° +180° +270°
- D6E1B4
Fern Shadow
- ACE7F0
≈ Uranus
- E0D3FE
≈ Pale Lavender
- FFCDC5
≈ Piggy Dreams
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.28:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.28:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--fern-shadow: #d6e1b4;
--fern-shadow-rgb: 214 225 180;
--fern-shadow-oklch: oklch(0.89 0.061 118.8);
}
.element {
color: var(--fern-shadow);
background-color: hsl(75 43% 79%);
border-color: oklch(0.89 0.061 118.8);
}Tailwind CSS v4
@theme {
--color-fern-shadow: #d6e1b4;
--color-fern-shadow-50: #f2f8e5;
--color-fern-shadow-100: #e5ebd5;
--color-fern-shadow-200: #d0d9bc;
--color-fern-shadow-300: #b3bd9a;
--color-fern-shadow-400: #9aa47b;
--color-fern-shadow-500: #828c5e;
--color-fern-shadow-600: #6e7750;
--color-fern-shadow-700: #585f40;
--color-fern-shadow-800: #41452d;
--color-fern-shadow-900: #2d301e;
--color-fern-shadow-950: #1a1c0e;
}SCSS
$fern-shadow: #d6e1b4;
$fern-shadow-rgb: 214, 225, 180;
$fern-shadow-light: mix(#fff, $fern-shadow, 20%);
$fern-shadow-dark: mix(#000, $fern-shadow, 20%);
.element {
color: $fern-shadow;
box-shadow: 0 0 0 2px rgba($fern-shadow, 0.35);
}