Color con nombre · #95A99E
Melville
Melville es #95A99E: rgb(149 169 158), hsl(147 10% 62%), oklch(0.716 0.027 161.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Melville color name →
#95A99E
oklch(0.716 0.027 161.6)
Conversiones de color
- HEX
- #95a99e
- RGB
- rgb(149 169 158)
- HSL
- hsl(147 10% 62%)
- HWB
- hwb(147 58% 34%)
- OKLCH
- oklch(0.716 0.027 161.6)
- OKLab
- oklab(0.716 -0.026 0.009)
- CIE Lab
- lab(67.43 -8.89 3.21)
- LCH
- lch(67.43 9.45 160.1)
- CMYK
- cmyk(12% 0% 7% 34%)
Tintes · Sombras · Tonos
Tintes
- 9FB1A7
- AABAB1
- B4C2BA
- BECBC4
- C9D3CD
- D4DCD7
- DEE5E1
- E9EDEB
- F4F6F5
Sombras
- 819289
- 6D7C74
- 5A6760
- 48534D
- 373F3A
- 262C29
- 161B18
- 080A09
- 010101
Tonos
- 93A59B
- 91A198
- 8F9D95
- 8D9892
- 8B948F
- 89908C
- 868C89
- 848886
- 828483
Armonías de color
Complementario +180°
- 95A99E
Melville
- B09DA8
≈ Play Time
Análogo -30° +30°
- 95A99E
Melville
- 9DA796
≈ Coastal Plain
- 91A9A8
≈ In the Deep End
Triádico +120° +240°
- 95A99E
Melville
- A0A2B5
≈ Lazy Lavender
- B39E96
≈ Big Horn Mountains
Complementario dividido +150° +210°
- 95A99E
Melville
- A99FB0
≈ Grapeade
- B49D9F
≈ Roaring Twenties
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.48:1 · APCA Lc 49
Ag
AAASobre negro
WCAG 8.44:1 · APCA Lc 53
Mejor color de texto: #000000
WCAG 8.44:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmentos de código
CSS
:root {
--melville: #95a99e;
--melville-rgb: 149 169 158;
--melville-oklch: oklch(0.716 0.027 161.6);
}
.element {
color: var(--melville);
background-color: hsl(147 10% 62%);
border-color: oklch(0.716 0.027 161.6);
}Tailwind CSS v4
@theme {
--color-melville: #95a99e;
--color-melville-50: #eef8f3;
--color-melville-100: #e0ebe5;
--color-melville-200: #cad8d1;
--color-melville-300: #abbcb3;
--color-melville-400: #91a499;
--color-melville-500: #778c80;
--color-melville-600: #65776d;
--color-melville-700: #505f57;
--color-melville-800: #3b453f;
--color-melville-900: #28302b;
--color-melville-950: #161c19;
}SCSS
$melville: #95a99e;
$melville-rgb: 149, 169, 158;
$melville-light: mix(#fff, $melville, 20%);
$melville-dark: mix(#000, $melville, 20%);
.element {
color: $melville;
box-shadow: 0 0 0 2px rgba($melville, 0.35);
}