Colore con nome più vicino · #877081
#877081
Colore con nome più vicino: Moonscape
#877081 (rgb(135 112 129), hsl(316 9% 48%), oklch(0.573 0.038 335.4)) è più vicino al colore con nome Moonscape. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#877081
oklch(0.573 0.038 335.4)
Conversioni di colore
- HEX
- #877081
- RGB
- rgb(135 112 129)
- HSL
- hsl(316 9% 48%)
- HWB
- hwb(316 44% 47%)
- OKLCH
- oklch(0.573 0.038 335.4)
- OKLab
- oklab(0.573 0.034 -0.016)
- CIE Lab
- lab(49.9 11.64 -5.84)
- LCH
- lch(49.9 13.03 333.3)
- CMYK
- cmyk(0% 17% 4% 47%)
Tinte · Ombre · Toni
Tinte
- 927D8D
- 9E8B99
- AA99A5
- B6A7B2
- C2B5BE
- CEC3CB
- DAD2D8
- E6E1E5
- F3F0F2
Ombre
- 75606F
- 63515E
- 51434E
- 41353E
- 31272E
- 211A1F
- 130E12
- 060406
- 010101
Toni
- 867281
- 867381
- 857581
- 847681
- 847881
- 837A80
- 827B80
- 827D80
- 817E80
Armonie di colore
Complementare +180°
- 877081
Moonscape
- 677F6F
≈ Ecological
Analogo -30° +30°
- 877081
Moonscape
- 7D738A
≈ Batik Lilac
- 8D6F75
≈ Myself
Triadico +120° +240°
- 877081
Moonscape
- 7F785F
≈ String Deep
- 5F7E86
≈ Refuge
Complementare divisa +150° +210°
- 877081
Moonscape
- 737C64
≈ Limed Ash
- 5F807B
≈ Teal Stencil
Tetradico +90° +180° +270°
- 877081
Moonscape
- 887461
≈ Mink
- 677F6F
≈ Ecological
- 667B8E
≈ Pier 17 Steel
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.50:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.66:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--moonscape: #877081;
--moonscape-rgb: 135 112 129;
--moonscape-oklch: oklch(0.573 0.038 335.4);
}
.element {
color: var(--moonscape);
background-color: hsl(316 9% 48%);
border-color: oklch(0.573 0.038 335.4);
}Tailwind CSS v4
@theme {
--color-moonscape: #877081;
--color-moonscape-50: #fdf1f9;
--color-moonscape-100: #f1e3ec;
--color-moonscape-200: #e0ceda;
--color-moonscape-300: #c5b0be;
--color-moonscape-400: #ad96a7;
--color-moonscape-500: #977d90;
--color-moonscape-600: #806a7a;
--color-moonscape-700: #665562;
--color-moonscape-800: #4b3e48;
--color-moonscape-900: #342a32;
--color-moonscape-950: #1f181e;
}SCSS
$moonscape: #877081;
$moonscape-rgb: 135, 112, 129;
$moonscape-light: mix(#fff, $moonscape, 20%);
$moonscape-dark: mix(#000, $moonscape, 20%);
.element {
color: $moonscape;
box-shadow: 0 0 0 2px rgba($moonscape, 0.35);
}