Colore con nome · #3B5257
Mountain Pine
Mountain Pine è #3B5257: rgb(59 82 87), hsl(191 19% 29%), oklch(0.422 0.029 212.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mountain Pine color name →
#3B5257
oklch(0.422 0.029 212.5)
Conversioni di colore
- HEX
- #3b5257
- RGB
- rgb(59 82 87)
- HSL
- hsl(191 19% 29%)
- HWB
- hwb(191 23% 66%)
- OKLCH
- oklch(0.422 0.029 212.5)
- OKLab
- oklab(0.422 -0.025 -0.016)
- CIE Lab
- lab(33.13 -8.09 -5.95)
- LCH
- lch(33.13 10.04 216.3)
- CMYK
- cmyk(32% 6% 0% 66%)
Tinte · Ombre · Toni
Tinte
- 4D6266
- 5F7276
- 718286
- 849396
- 98A4A7
- ACB6B8
- C0C8C9
- D5DADB
- EAECED
Ombre
- 32464B
- 293B3E
- 212F33
- 192527
- 111A1C
- 091112
- 040808
- 010203
- 000000
Toni
- 42565B
- 495B5F
- 4F6063
- 566467
- 5D696B
- 646D6F
- 6B7273
- 727778
- 797B7C
Armonie di colore
Complementare +180°
- 3B5257
Mountain Pine
- 5C4843
≈ Chocolate Soul
Analogo -30° +30°
- 3B5257
Mountain Pine
- 3C534F
≈ Gedney Green
- 40505C
≈ Midnight Haze
Triadico +120° +240°
- 3B5257
Mountain Pine
- 584855
≈ Deep Merlot
- 534D3B
≈ Deep Desert Shadow
Complementare divisa +150° +210°
- 3B5257
Mountain Pine
- 5C474C
≈ Dark Berry
- 594A3D
≈ Momentous Occasion
Tetradico +90° +180° +270°
- 3B5257
Mountain Pine
- 504A5B
≈ House Stark Grey
- 5C4843
≈ Chocolate Soul
- 4A503F
≈ Kelp
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.29:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.53:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.29:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--mountain-pine: #3b5257;
--mountain-pine-rgb: 59 82 87;
--mountain-pine-oklch: oklch(0.422 0.029 212.5);
}
.element {
color: var(--mountain-pine);
background-color: hsl(191 19% 29%);
border-color: oklch(0.422 0.029 212.5);
}Tailwind CSS v4
@theme {
--color-mountain-pine: #3b5257;
--color-mountain-pine-50: #ecf7fa;
--color-mountain-pine-100: #deebee;
--color-mountain-pine-200: #c7d8dc;
--color-mountain-pine-300: #a7bcc1;
--color-mountain-pine-400: #8ba3a9;
--color-mountain-pine-500: #708c92;
--color-mountain-pine-600: #5f767b;
--color-mountain-pine-700: #4c5f63;
--color-mountain-pine-800: #374548;
--color-mountain-pine-900: #263032;
--color-mountain-pine-950: #141c1e;
}SCSS
$mountain-pine: #3b5257;
$mountain-pine-rgb: 59, 82, 87;
$mountain-pine-light: mix(#fff, $mountain-pine, 20%);
$mountain-pine-dark: mix(#000, $mountain-pine, 20%);
.element {
color: $mountain-pine;
box-shadow: 0 0 0 2px rgba($mountain-pine, 0.35);
}