Colore con nome più vicino · #867081
#867081
Colore con nome più vicino: Moonscape
#867081 (rgb(134 112 129), hsl(314 9% 48%), oklch(0.572 0.037 334)) è più vicino al colore con nome Moonscape. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#867081
oklch(0.572 0.037 334)
Conversioni di colore
- HEX
- #867081
- RGB
- rgb(134 112 129)
- HSL
- hsl(314 9% 48%)
- HWB
- hwb(314 44% 47%)
- OKLCH
- oklch(0.572 0.037 334)
- OKLab
- oklab(0.572 0.033 -0.016)
- CIE Lab
- lab(49.8 11.25 -6.01)
- LCH
- lch(49.8 12.75 331.9)
- CMYK
- cmyk(0% 16% 4% 47%)
Tinte · Ombre · Toni
Tinte
- 927D8D
- 9D8B99
- A999A5
- B5A7B2
- C1B5BE
- CDC3CB
- D9D2D8
- E6E1E5
- F2F0F2
Ombre
- 74606F
- 62515E
- 51434E
- 40353E
- 30272E
- 211A1F
- 130E12
- 060406
- 010101
Toni
- 857281
- 857381
- 847581
- 847681
- 837881
- 837A80
- 827B80
- 817D80
- 817E80
Armonie di colore
Complementare +180°
- 867081
Moonscape
- 677F6E
≈ Ecological
Analogo -30° +30°
- 867081
Moonscape
- 7C738A
≈ Dancing in the Spring
- 8C6F75
≈ Myself
Triadico +120° +240°
- 867081
Moonscape
- 7F785F
≈ String Deep
- 5F7E85
≈ Refuge
Complementare divisa +150° +210°
- 867081
Moonscape
- 737C64
≈ Limed Ash
- 607F7A
≈ Teal Stencil
Tetradico +90° +180° +270°
- 867081
Moonscape
- 887461
≈ Mink
- 677F6E
≈ Ecological
- 667B8D
≈ Pier 17 Steel
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.51:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.64:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--moonscape: #867081;
--moonscape-rgb: 134 112 129;
--moonscape-oklch: oklch(0.572 0.037 334);
}
.element {
color: var(--moonscape);
background-color: hsl(314 9% 48%);
border-color: oklch(0.572 0.037 334);
}Tailwind CSS v4
@theme {
--color-moonscape: #867081;
--color-moonscape-50: #fcf1f9;
--color-moonscape-100: #f0e3ed;
--color-moonscape-200: #dfcfda;
--color-moonscape-300: #c4b1bf;
--color-moonscape-400: #ad97a8;
--color-moonscape-500: #967d90;
--color-moonscape-600: #7f6a7a;
--color-moonscape-700: #665562;
--color-moonscape-800: #4a3e48;
--color-moonscape-900: #342a32;
--color-moonscape-950: #1f181e;
}SCSS
$moonscape: #867081;
$moonscape-rgb: 134, 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);
}