Colore con nome · #5397B7
Hush-A-Bye
Hush-A-Bye è #5397B7: rgb(83 151 183), hsl(199 41% 52%), oklch(0.644 0.084 230.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Hush-A-Bye color name →
#5397B7
oklch(0.644 0.084 230.3)
Conversioni di colore
- HEX
- #5397b7
- RGB
- rgb(83 151 183)
- HSL
- hsl(199 41% 52%)
- HWB
- hwb(199 33% 28%)
- OKLCH
- oklch(0.644 0.084 230.3)
- OKLab
- oklab(0.644 -0.054 -0.065)
- CIE Lab
- lab(58.96 -15.42 -23.76)
- LCH
- lch(58.96 28.33 237)
- CMYK
- cmyk(55% 17% 0% 28%)
Tinte · Ombre · Toni
Tinte
- 65A1BE
- 77ABC6
- 88B6CD
- 99C0D4
- AACADB
- BBD5E2
- CCDFEA
- DDEAF1
- EEF4F8
Ombre
- 47839F
- 3B6F87
- 305C70
- 25495A
- 1B3745
- 112631
- 08171E
- 02080C
- 000102
Toni
- 5995B2
- 5F93AC
- 6490A7
- 698EA1
- 6D8C9C
- 718A96
- 758791
- 79858B
- 7D8286
Armonie di colore
Complementare +180°
- 5397B7
Hush-A-Bye
- B77E5E
≈ Silken Chocolate
Analogo -30° +30°
- 5397B7
Hush-A-Bye
- 459DA2
≈ Coolbox Ice Turquoise
- 708EC1
≈ Purple Hyacinth
Triadico +120° +240°
- 5397B7
Hush-A-Bye
- B57894
≈ Choral Singer
- 909254
≈ Fair and Square
Complementare divisa +150° +210°
- 5397B7
Hush-A-Bye
- BB7978
≈ Wild Party
- A88850
≈ Graceful Gazelle
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.24:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.47:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.47:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--hush-a-bye: #5397b7;
--hush-a-bye-rgb: 83 151 183;
--hush-a-bye-oklch: oklch(0.644 0.084 230.3);
}
.element {
color: var(--hush-a-bye);
background-color: hsl(199 41% 52%);
border-color: oklch(0.644 0.084 230.3);
}Tailwind CSS v4
@theme {
--color-hush-a-bye: #5397b7;
--color-hush-a-bye-50: #defaff;
--color-hush-a-bye-100: #cdeeff;
--color-hush-a-bye-200: #b1dbf3;
--color-hush-a-bye-300: #8cc0db;
--color-hush-a-bye-400: #68a8c7;
--color-hush-a-bye-500: #4390b3;
--color-hush-a-bye-600: #3a7a97;
--color-hush-a-bye-700: #2e6279;
--color-hush-a-bye-800: #1f4859;
--color-hush-a-bye-900: #14323e;
--color-hush-a-bye-950: #051e28;
}SCSS
$hush-a-bye: #5397b7;
$hush-a-bye-rgb: 83, 151, 183;
$hush-a-bye-light: mix(#fff, $hush-a-bye, 20%);
$hush-a-bye-dark: mix(#000, $hush-a-bye, 20%);
.element {
color: $hush-a-bye;
box-shadow: 0 0 0 2px rgba($hush-a-bye, 0.35);
}