Colore con nome · #5386B7
Hideout
Hideout è #5386B7: rgb(83 134 183), hsl(209 41% 52%), oklch(0.605 0.093 248.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Hideout color name →
#5386B7
oklch(0.605 0.093 248.7)
Conversioni di colore
- HEX
- #5386b7
- RGB
- rgb(83 134 183)
- HSL
- hsl(209 41% 52%)
- HWB
- hwb(209 33% 28%)
- OKLCH
- oklch(0.605 0.093 248.7)
- OKLab
- oklab(0.605 -0.034 -0.087)
- CIE Lab
- lab(53.91 -6.69 -31.51)
- LCH
- lch(53.91 32.22 258)
- CMYK
- cmyk(55% 27% 0% 28%)
Tinte · Ombre · Toni
Tinte
- 6492BF
- 759EC6
- 86AACD
- 97B6D5
- A8C2DC
- B9CEE3
- CADAEA
- DCE6F1
- EDF3F8
Ombre
- 47749F
- 3B6287
- 305170
- 25405A
- 1B3045
- 112131
- 08131E
- 02060C
- 000102
Toni
- 5886B2
- 5D85AC
- 6285A7
- 6784A1
- 6C849C
- 708397
- 748291
- 78828B
- 7C8186
Armonie di colore
Complementare +180°
- 5386B7
Hideout
- A67740
≈ Invitation Gold
Analogo -30° +30°
- 5386B7
Hideout
- 308FA7
≈ Scooter
- 757CB9
≈ Astro Zinger
Triadico +120° +240°
- 5386B7
Hideout
- B16976
≈ Mauvewood
- 718D4E
≈ Forest Bound
Complementare divisa +150° +210°
- 5386B7
Hideout
- B16D57
≈ Santa Fe
- 90823B
≈ Galia Melon
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.84:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.46:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--hideout: #5386b7;
--hideout-rgb: 83 134 183;
--hideout-oklch: oklch(0.605 0.093 248.7);
}
.element {
color: var(--hideout);
background-color: hsl(209 41% 52%);
border-color: oklch(0.605 0.093 248.7);
}Tailwind CSS v4
@theme {
--color-hideout: #5386b7;
--color-hideout-50: #e2f8ff;
--color-hideout-100: #d2ebff;
--color-hideout-200: #b7d8fb;
--color-hideout-300: #94bbe6;
--color-hideout-400: #72a3d3;
--color-hideout-500: #528bc1;
--color-hideout-600: #4675a3;
--color-hideout-700: #385e83;
--color-hideout-800: #264561;
--color-hideout-900: #193044;
--color-hideout-950: #0a1c2c;
}SCSS
$hideout: #5386b7;
$hideout-rgb: 83, 134, 183;
$hideout-light: mix(#fff, $hideout, 20%);
$hideout-dark: mix(#000, $hideout, 20%);
.element {
color: $hideout;
box-shadow: 0 0 0 2px rgba($hideout, 0.35);
}