Cor nomeada · #5E737D
Winter Harbor
Winter Harbor é #5E737D: rgb(94 115 125), hsl(199 14% 43%), oklch(0.542 0.029 228.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Winter Harbor color name →
#5E737D
oklch(0.542 0.029 228.4)
Conversões de cor
- HEX
- #5e737d
- RGB
- rgb(94 115 125)
- HSL
- hsl(199 14% 43%)
- HWB
- hwb(199 37% 51%)
- OKLCH
- oklch(0.542 0.029 228.4)
- OKLab
- oklab(0.542 -0.019 -0.022)
- CIE Lab
- lab(47.01 -6.2 -8.24)
- LCH
- lch(47.01 10.31 233.1)
- CMYK
- cmyk(25% 8% 0% 51%)
Tons claros · Sombras · Tons
Tons claros
- 6D8089
- 7C8D96
- 8C9BA2
- 9BA9AF
- ABB7BC
- BCC5C9
- CCD3D6
- DDE2E4
- EEF0F1
Sombras
- 51636C
- 44545B
- 37454B
- 2B363B
- 1F282C
- 141B1E
- 0A0F11
- 030505
- 000101
Tons
- 61747D
- 65767E
- 68777E
- 6C787E
- 6F7A7F
- 737B7F
- 767C7F
- 797D7F
- 7D7F80
Harmonias de cor
Complementar +180°
- 5E737D
Winter Harbor
- 7E6B61
≈ Antique Earth
Análoga -30° +30°
- 5E737D
Winter Harbor
- 5C7576
≈ Paradise City
- 657081
≈ Buoyant
Tríade +120° +240°
- 5E737D
Winter Harbor
- 7D6972
≈ Mystical Trip
- 70715D
≈ Sage Green Light
Complementar dividida +150° +210°
- 5E737D
Winter Harbor
- 806969
≈ Deep Serenity
- 796E5C
≈ Sleeping Giant
Tétrade +90° +180° +270°
- 5E737D
Winter Harbor
- 776A7B
≈ Old Lavender
- 7E6B61
≈ Antique Earth
- 677463
≈ Bean Counter
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.97:1 · APCA Lc 74
Ag
FailSobre preto
WCAG 4.22:1 · APCA Lc 27
Melhor cor de texto: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--winter-harbor: #5e737d;
--winter-harbor-rgb: 94 115 125;
--winter-harbor-oklch: oklch(0.542 0.029 228.4);
}
.element {
color: var(--winter-harbor);
background-color: hsl(199 14% 43%);
border-color: oklch(0.542 0.029 228.4);
}Tailwind CSS v4
@theme {
--color-winter-harbor: #5e737d;
--color-winter-harbor-50: #edf7fc;
--color-winter-harbor-100: #dfeaf0;
--color-winter-harbor-200: #c8d7df;
--color-winter-harbor-300: #a9bbc4;
--color-winter-harbor-400: #8da2ac;
--color-winter-harbor-500: #738a96;
--color-winter-harbor-600: #61757f;
--color-winter-harbor-700: #4e5e65;
--color-winter-harbor-800: #38454a;
--color-winter-harbor-900: #262f34;
--color-winter-harbor-950: #151c1f;
}SCSS
$winter-harbor: #5e737d;
$winter-harbor-rgb: 94, 115, 125;
$winter-harbor-light: mix(#fff, $winter-harbor, 20%);
$winter-harbor-dark: mix(#000, $winter-harbor, 20%);
.element {
color: $winter-harbor;
box-shadow: 0 0 0 2px rgba($winter-harbor, 0.35);
}