Cor nomeada mais próxima · #324232
#324232
Cor nomeada mais próxima: Mountain View
#324232 (rgb(50 66 50), hsl(120 14% 23%), oklch(0.36 0.034 144.8)) é mais próxima da cor nomeada Mountain View. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#324232
oklch(0.36 0.034 144.8)
Conversões de cor
- HEX
- #324232
- RGB
- rgb(50 66 50)
- HSL
- hsl(120 14% 23%)
- HWB
- hwb(120 20% 74%)
- OKLCH
- oklch(0.36 0.034 144.8)
- OKLab
- oklab(0.36 -0.028 0.02)
- CIE Lab
- lab(26.18 -9.53 7.59)
- LCH
- lch(26.18 12.18 141.5)
- CMYK
- cmyk(24% 0% 24% 74%)
Tons claros · Sombras · Tons
Tons claros
- 445344
- 576456
- 6A766A
- 7E887D
- 929B92
- A7AEA7
- BCC2BC
- D2D6D2
- E8EAE8
Sombras
- 2A382A
- 222F22
- 1B251B
- 141C14
- 0D140D
- 070B07
- 030503
- 010101
- 000000
Tons
- 394839
- 414E41
- 485448
- 505A50
- 586058
- 606660
- 686D68
- 707370
- 787A78
Harmonias de cor
Complementar +180°
- 324232
Mountain View
- 463747
≈ Wineshade
Análoga -30° +30°
- 324232
Mountain View
- 3C3F2B
≈ Green 383
- 29433C
≈ Westhaven
Tríade +120° +240°
- 324232
Mountain View
- 343D4F
≈ Burka Black
- 4E3634
≈ Chocolate Red
Complementar dividida +150° +210°
- 324232
Mountain View
- 3E3A4D
≈ India Ink
- 4C363E
≈ Spell Caster
Tétrade +90° +180° +270°
- 324232
Mountain View
- 2B404D
≈ Deepsea Core
- 463747
≈ Wineshade
- 4B382C
≈ Chicory Coffee
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.70:1 · APCA Lc 95
Ag
FailSobre preto
WCAG 1.96:1 · APCA Lc 8
Melhor cor de texto: #FFFFFF
WCAG 10.70:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--mountain-view: #324232;
--mountain-view-rgb: 50 66 50;
--mountain-view-oklch: oklch(0.36 0.034 144.8);
}
.element {
color: var(--mountain-view);
background-color: hsl(120 14% 23%);
border-color: oklch(0.36 0.034 144.8);
}Tailwind CSS v4
@theme {
--color-mountain-view: #324232;
--color-mountain-view-50: #eff8f0;
--color-mountain-view-100: #e1ebe1;
--color-mountain-view-200: #cbd8cc;
--color-mountain-view-300: #adbcad;
--color-mountain-view-400: #92a492;
--color-mountain-view-500: #798d78;
--color-mountain-view-600: #667766;
--color-mountain-view-700: #525f51;
--color-mountain-view-800: #3c463b;
--color-mountain-view-900: #293028;
--color-mountain-view-950: #171c16;
}SCSS
$mountain-view: #324232;
$mountain-view-rgb: 50, 66, 50;
$mountain-view-light: mix(#fff, $mountain-view, 20%);
$mountain-view-dark: mix(#000, $mountain-view, 20%);
.element {
color: $mountain-view;
box-shadow: 0 0 0 2px rgba($mountain-view, 0.35);
}