Colore con nome · #5B96A2
Lakeshore
Lakeshore è #5B96A2: rgb(91 150 162), hsl(190 28% 50%), oklch(0.637 0.064 212). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Lakeshore color name →
#5B96A2
oklch(0.637 0.064 212)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 6CA0AB
- 7CAAB4
- 8DB5BD
- 9DBFC6
- ADCAD0
- BDD4D9
- CEDFE2
- DEE9EC
- EEF4F5
Ombre
- 4E828C
- 416E77
- 355B63
- 29494F
- 1E373C
- 13262A
- 091619
- 03080A
- 000101
Toni
- 60949F
- 64929B
- 699098
- 6C8D94
- 708B91
- 74898E
- 77878A
- 7A8587
- 7D8283
Armonie di colore
Complementare +180°
- 5B96A2
Lakeshore
- AF7D73
≈ Ferris Wheel
Analogo -30° +30°
- 5B96A2
Lakeshore
- 5D988E
≈ Fiddler
- 6991AF
≈ Grant Village
Triadico +120° +240°
- 5B96A2
Lakeshore
- A37D9D
≈ Wild Lavender
- 998B5E
≈ Woodstock
Complementare divisa +150° +210°
- 5B96A2
Lakeshore
- AD7B88
≈ Silken Raspberry
- A88363
≈ Sylvaneth Bark
Tetradico +90° +180° +270°
- 5B96A2
Lakeshore
- 9282AC
≈ Purple Phantom
- AF7D73
≈ Ferris Wheel
- 859266
≈ Epsom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.31:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.32:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.32:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
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);
}