Color con nombre · #5B96A2
Lakeshore
Lakeshore es #5B96A2: rgb(91 150 162), hsl(190 28% 50%), oklch(0.637 0.064 212). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Lakeshore color name →
#5B96A2
oklch(0.637 0.064 212)
Conversiones de color
- HEX
- #5b96a2
- RGB
- rgb(91 150 162)
- HSL
- hsl(190 28% 50%)
- HWB
- hwb(190 36% 36%)
- OKLCH
- oklch(0.637 0.064 212)
- OKLab
- oklab(0.637 -0.054 -0.034)
- CIE Lab
- lab(58.4 -17.59 -12.72)
- LCH
- lch(58.4 21.71 215.9)
- CMYK
- cmyk(44% 7% 0% 36%)
Tintes · Sombras · Tonos
Tintes
- 6CA0AB
- 7CAAB4
- 8DB5BD
- 9DBFC6
- ADCAD0
- BDD4D9
- CEDFE2
- DEE9EC
- EEF4F5
Sombras
- 4E828C
- 416E77
- 355B63
- 29494F
- 1E373C
- 13262A
- 091619
- 03080A
- 000101
Tonos
- 60949F
- 64929B
- 699098
- 6C8D94
- 708B91
- 74898E
- 77878A
- 7A8587
- 7D8283
Armonías de color
Complementario +180°
- 5B96A2
Lakeshore
- AF7D73
≈ Ferris Wheel
Análogo -30° +30°
- 5B96A2
Lakeshore
- 5D988E
≈ Fiddler
- 6991AF
≈ Grant Village
Triádico +120° +240°
- 5B96A2
Lakeshore
- A37D9D
≈ Wild Lavender
- 998B5E
≈ Woodstock
Complementario dividido +150° +210°
- 5B96A2
Lakeshore
- AD7B88
≈ Silken Raspberry
- A88363
≈ Sylvaneth Bark
Tetrádico +90° +180° +270°
- 5B96A2
Lakeshore
- 9282AC
≈ Purple Phantom
- AF7D73
≈ Ferris Wheel
- 859266
≈ Epsom
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.31:1 · APCA Lc 60
Ag
AASobre negro
WCAG 6.32:1 · APCA Lc 41
Mejor color de texto: #000000
WCAG 6.32:1 (AA) · APCA Lc 41
Contrast pairs
Fragmentos de código
CSS
:root {
--lakeshore: #5b96a2;
--lakeshore-rgb: 91 150 162;
--lakeshore-oklch: oklch(0.637 0.064 212);
}
.element {
color: var(--lakeshore);
background-color: hsl(190 28% 50%);
border-color: oklch(0.637 0.064 212);
}Tailwind CSS v4
@theme {
--color-lakeshore: #5b96a2;
--color-lakeshore-50: #e2faff;
--color-lakeshore-100: #d1eef5;
--color-lakeshore-200: #b6dce5;
--color-lakeshore-300: #92c0cb;
--color-lakeshore-400: #71a9b4;
--color-lakeshore-500: #4f929f;
--color-lakeshore-600: #447b86;
--color-lakeshore-700: #36636c;
--color-lakeshore-800: #26494f;
--color-lakeshore-900: #193237;
--color-lakeshore-950: #091e22;
}SCSS
$lakeshore: #5b96a2;
$lakeshore-rgb: 91, 150, 162;
$lakeshore-light: mix(#fff, $lakeshore, 20%);
$lakeshore-dark: mix(#000, $lakeshore, 20%);
.element {
color: $lakeshore;
box-shadow: 0 0 0 2px rgba($lakeshore, 0.35);
}