Colore con nome · #717462
Magic Mountain
Magic Mountain è #717462: rgb(113 116 98), hsl(70 8% 42%), oklch(0.551 0.027 115). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Magic Mountain color name →
#717462
oklch(0.551 0.027 115)
Conversioni di colore
- HEX
- #717462
- RGB
- rgb(113 116 98)
- HSL
- hsl(70 8% 42%)
- HWB
- hwb(70 38% 55%)
- OKLCH
- oklch(0.551 0.027 115)
- OKLab
- oklab(0.551 -0.012 0.025)
- CIE Lab
- lab(48.18 -3.75 9.58)
- LCH
- lch(48.18 10.29 111.4)
- CMYK
- cmyk(3% 0% 16% 55%)
Tinte · Ombre · Toni
Tinte
- 7E8171
- 8C8E7F
- 999C8E
- A7A99E
- B5B7AD
- C4C5BD
- D2D3CD
- E1E2DE
- F0F0EE
Ombre
- 616454
- 525447
- 43453A
- 35372D
- 272921
- 1A1B16
- 0E0F0B
- 040503
- 010100
Toni
- 727565
- 747668
- 75786B
- 77796E
- 787A71
- 7A7B74
- 7B7C77
- 7D7E7A
- 7E7F7D
Armonie di colore
Complementare +180°
- 717462
Magic Mountain
- 736F81
≈ Paisley
Analogo -30° +30°
- 717462
Magic Mountain
- 797160
≈ Antique Iron
- 687668
≈ Heritage Park
Triadico +120° +240°
- 717462
Magic Mountain
- 637580
≈ Freedom Found
- 806C73
≈ Moonscape
Complementare divisa +150° +210°
- 717462
Magic Mountain
- 6A7282
≈ Flintstone
- 7A6D7B
≈ Sakura Night
Tetradico +90° +180° +270°
- 717462
Magic Mountain
- 607779
≈ Becker Blue
- 736F81
≈ Paisley
- 816C6A
≈ African Mud
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.79:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.37:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.79:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--magic-mountain: #717462;
--magic-mountain-rgb: 113 116 98;
--magic-mountain-oklch: oklch(0.551 0.027 115);
}
.element {
color: var(--magic-mountain);
background-color: hsl(70 8% 42%);
border-color: oklch(0.551 0.027 115);
}Tailwind CSS v4
@theme {
--color-magic-mountain: #717462;
--color-magic-mountain-50: #f4f6ee;
--color-magic-mountain-100: #e7e9df;
--color-magic-mountain-200: #d3d6c9;
--color-magic-mountain-300: #b6b9aa;
--color-magic-mountain-400: #9da18f;
--color-magic-mountain-500: #858974;
--color-magic-mountain-600: #717463;
--color-magic-mountain-700: #5a5c4f;
--color-magic-mountain-800: #424339;
--color-magic-mountain-900: #2e2f27;
--color-magic-mountain-950: #1a1b15;
}SCSS
$magic-mountain: #717462;
$magic-mountain-rgb: 113, 116, 98;
$magic-mountain-light: mix(#fff, $magic-mountain, 20%);
$magic-mountain-dark: mix(#000, $magic-mountain, 20%);
.element {
color: $magic-mountain;
box-shadow: 0 0 0 2px rgba($magic-mountain, 0.35);
}