Cor nomeada · #605A67
Mobster
Mobster é #605A67: rgb(96 90 103), hsl(268 7% 38%), oklch(0.478 0.022 306.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mobster color name →
#605A67
oklch(0.478 0.022 306.3)
Conversões de cor
- HEX
- #605a67
- RGB
- rgb(96 90 103)
- HSL
- hsl(268 7% 38%)
- HWB
- hwb(268 35% 60%)
- OKLCH
- oklch(0.478 0.022 306.3)
- OKLab
- oklab(0.478 0.013 -0.018)
- CIE Lab
- lab(39.16 4.57 -6.57)
- LCH
- lch(39.16 8 304.8)
- CMYK
- cmyk(7% 13% 0% 60%)
Tons claros · Sombras · Tons
Tons claros
- 6F6975
- 7D7883
- 8D8892
- 9C98A1
- ACA9B0
- BCB9BF
- CCCACF
- DDDCDF
- EEEDEF
Sombras
- 524D59
- 45414B
- 38353D
- 2C2930
- 201E23
- 151317
- 0A090C
- 030304
- 000000
Tons
- 635E69
- 66616C
- 69656E
- 6D6971
- 706D73
- 737176
- 767478
- 79787B
- 7D7C7D
Harmonias de cor
Complementar +180°
- 605A67
Mobster
- 5A5F52
≈ Soft Olive
Análoga -30° +30°
- 605A67
Mobster
- 595C6A
≈ Suede Indigo
- 655962
≈ Preservation Plum
Tríade +120° +240°
- 605A67
Mobster
- 665B50
≈ Tree Bark Brown
- 50615F
≈ Calcite Grey Green
Complementar dividida +150° +210°
- 605A67
Mobster
- 605D4F
≈ Hayden Valley
- 536158
≈ Northern Glen
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.65:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 3.15:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 6.65:1 (AA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--mobster: #605a67;
--mobster-rgb: 96 90 103;
--mobster-oklch: oklch(0.478 0.022 306.3);
}
.element {
color: var(--mobster);
background-color: hsl(268 7% 38%);
border-color: oklch(0.478 0.022 306.3);
}Tailwind CSS v4
@theme {
--color-mobster: #605a67;
--color-mobster-50: #f7f3fa;
--color-mobster-100: #eae6ee;
--color-mobster-200: #d7d2dc;
--color-mobster-300: #bab5c0;
--color-mobster-400: #a29ba9;
--color-mobster-500: #8a8392;
--color-mobster-600: #746f7b;
--color-mobster-700: #5d5863;
--color-mobster-800: #444149;
--color-mobster-900: #2f2d32;
--color-mobster-950: #1b1a1e;
}SCSS
$mobster: #605a67;
$mobster-rgb: 96, 90, 103;
$mobster-light: mix(#fff, $mobster, 20%);
$mobster-dark: mix(#000, $mobster, 20%);
.element {
color: $mobster;
box-shadow: 0 0 0 2px rgba($mobster, 0.35);
}