Colore con nome · #D7E3CA
Lacewing
Lacewing è #D7E3CA: rgb(215 227 202), hsl(89 31% 84%), oklch(0.9 0.036 128.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Lacewing color name →
#D7E3CA
oklch(0.9 0.036 128.1)
Conversioni di colore
- HEX
- #d7e3ca
- RGB
- rgb(215 227 202)
- HSL
- hsl(89 31% 84%)
- HWB
- hwb(89 79% 11%)
- OKLCH
- oklch(0.9 0.036 128.1)
- OKLab
- oklab(0.9 -0.022 0.028)
- CIE Lab
- lab(88.81 -7.46 10.81)
- LCH
- lch(88.81 13.14 124.6)
- CMYK
- cmyk(5% 0% 11% 11%)
Tinte · Ombre · Toni
Tinte
- DBE6CF
- DFE9D5
- E3EBDA
- E7EEDF
- EBF1E4
- EFF4EA
- F3F7EF
- F7F9F4
- FBFCFA
Ombre
- BBC5AF
- 9FA895
- 858C7C
- 6B7164
- 52574D
- 3B3F37
- 252722
- 11120F
- 020302
Toni
- CED9C2
- C5CEBB
- BCC4B3
- B3BAAC
- AAB0A4
- A2A69D
- 999D96
- 91938E
- 888987
Armonie di colore
Complementare +180°
- D7E3CA
Lacewing
- E5D8F1
≈ Pouty Purple
Analogo -30° +30°
- D7E3CA
Lacewing
- E4DFC4
≈ Horseradish
- CBE6D5
≈ Peppermint Patty
Triadico +120° +240°
- D7E3CA
Lacewing
- CCE1F5
≈ Salty Ice
- F5D5D9
≈ Petal Bloom
Complementare divisa +150° +210°
- D7E3CA
Lacewing
- D8DCF6
≈ Nostalgia Perfume
- EFD5E6
≈ All Made Up
Tetradico +90° +180° +270°
- D7E3CA
Lacewing
- C5E4EE
≈ Surf’s Up
- E5D8F1
≈ Pouty Purple
- F4D7CD
≈ Creole Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.33:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.72:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.72:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--lacewing: #d7e3ca;
--lacewing-rgb: 215 227 202;
--lacewing-oklch: oklch(0.9 0.036 128.1);
}
.element {
color: var(--lacewing);
background-color: hsl(89 31% 84%);
border-color: oklch(0.9 0.036 128.1);
}Tailwind CSS v4
@theme {
--color-lacewing: #d7e3ca;
--color-lacewing-50: #f2f7ed;
--color-lacewing-100: #e4eade;
--color-lacewing-200: #cfd8c8;
--color-lacewing-300: #b1bba8;
--color-lacewing-400: #98a38c;
--color-lacewing-500: #7f8b72;
--color-lacewing-600: #6c7661;
--color-lacewing-700: #565e4d;
--color-lacewing-800: #3f4537;
--color-lacewing-900: #2b3026;
--color-lacewing-950: #191c14;
}SCSS
$lacewing: #d7e3ca;
$lacewing-rgb: 215, 227, 202;
$lacewing-light: mix(#fff, $lacewing, 20%);
$lacewing-dark: mix(#000, $lacewing, 20%);
.element {
color: $lacewing;
box-shadow: 0 0 0 2px rgba($lacewing, 0.35);
}