Colore con nome · #415053
Lunar Eclipse
Lunar Eclipse è #415053: rgb(65 80 83), hsl(190 12% 29%), oklch(0.419 0.02 211.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lunar Eclipse color name →
#415053
oklch(0.419 0.02 211.1)
Conversioni di colore
- HEX
- #415053
- RGB
- rgb(65 80 83)
- HSL
- hsl(190 12% 29%)
- HWB
- hwb(190 25% 67%)
- OKLCH
- oklch(0.419 0.02 211.1)
- OKLab
- oklab(0.419 -0.017 -0.01)
- CIE Lab
- lab(32.81 -5.54 -3.84)
- LCH
- lch(32.81 6.74 214.7)
- CMYK
- cmyk(22% 4% 0% 67%)
Tinte · Ombre · Toni
Tinte
- 526063
- 637073
- 758183
- 889294
- 9BA3A5
- AEB5B6
- C2C7C8
- D6D9DA
- EAECEC
Ombre
- 374447
- 2E393B
- 252E30
- 1C2425
- 131A1B
- 0B1011
- 050708
- 010202
- 000000
Toni
- 475557
- 4D595C
- 535E60
- 5A6365
- 606869
- 666C6E
- 6D7172
- 737677
- 797B7B
Armonie di colore
Complementare +180°
- 415053
Lunar Eclipse
- 574946
≈ Molasses
Analogo -30° +30°
- 415053
Lunar Eclipse
- 42514D
≈ Gedney Green
- 444F57
≈ High Salute
Triadico +120° +240°
- 415053
Lunar Eclipse
- 534952
≈ Deep Mulberry
- 514D41
≈ Deep Desert Shadow
Complementare divisa +150° +210°
- 415053
Lunar Eclipse
- 57494C
≈ Carob Chip
- 554B42
≈ Brown Fox
Tetradico +90° +180° +270°
- 415053
Lunar Eclipse
- 4F4B56
≈ Churchill
- 574946
≈ Molasses
- 4B4F43
≈ Charcoal Smoke
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.40:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.49:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 8.40:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--lunar-eclipse: #415053;
--lunar-eclipse-rgb: 65 80 83;
--lunar-eclipse-oklch: oklch(0.419 0.02 211.1);
}
.element {
color: var(--lunar-eclipse);
background-color: hsl(190 12% 29%);
border-color: oklch(0.419 0.02 211.1);
}Tailwind CSS v4
@theme {
--color-lunar-eclipse: #415053;
--color-lunar-eclipse-50: #eff7f8;
--color-lunar-eclipse-100: #e1eaec;
--color-lunar-eclipse-200: #cbd7d9;
--color-lunar-eclipse-300: #adbabd;
--color-lunar-eclipse-400: #92a2a5;
--color-lunar-eclipse-500: #788a8e;
--color-lunar-eclipse-600: #667578;
--color-lunar-eclipse-700: #515d60;
--color-lunar-eclipse-800: #3b4446;
--color-lunar-eclipse-900: #282f30;
--color-lunar-eclipse-950: #161c1d;
}SCSS
$lunar-eclipse: #415053;
$lunar-eclipse-rgb: 65, 80, 83;
$lunar-eclipse-light: mix(#fff, $lunar-eclipse, 20%);
$lunar-eclipse-dark: mix(#000, $lunar-eclipse, 20%);
.element {
color: $lunar-eclipse;
box-shadow: 0 0 0 2px rgba($lunar-eclipse, 0.35);
}