Colore con nome più vicino · #5CA0DE
#5CA0DE
Colore con nome più vicino: Windjammer
#5CA0DE (rgb(92 160 222), hsl(209 66% 62%), oklch(0.687 0.115 247.8)) è più vicino al colore con nome Windjammer. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#5CA0DE
oklch(0.687 0.115 247.8)
Conversioni di colore
- HEX
- #5ca0de
- RGB
- rgb(92 160 222)
- HSL
- hsl(209 66% 62%)
- HWB
- hwb(209 36% 13%)
- OKLCH
- oklch(0.687 0.115 247.8)
- OKLab
- oklab(0.687 -0.044 -0.107)
- CIE Lab
- lab(63.35 -8.36 -38.66)
- LCH
- lch(63.35 39.55 257.8)
- CMYK
- cmyk(59% 28% 0% 13%)
Tinte · Ombre · Toni
Tinte
- 6DAAE2
- 7EB3E6
- 8EBDE9
- 9EC6ED
- AFD0F0
- BFD9F3
- CFE3F6
- DFECF9
- EFF6FC
Ombre
- 4F8BC1
- 4276A5
- 366189
- 2A4E6F
- 1F3B55
- 14293D
- 0A1926
- 030912
- 000102
Toni
- 619DD5
- 669ACB
- 6A97C2
- 6E94B8
- 7191AF
- 758EA6
- 788A9C
- 7B8793
- 7D8389
Armonie di colore
Complementare +180°
- 5CA0DE
Windjammer
- C98C44
≈ Caramel Macchiato
Analogo -30° +30°
- 5CA0DE
Windjammer
- 26ABC9
≈ Ball Blue
- 8A93E1
≈ Portage
Triadico +120° +240°
- 5CA0DE
Windjammer
- D67B8D
≈ I Love You Pink
- 86A857
≈ Mosquito Fern
Complementare divisa +150° +210°
- 5CA0DE
Windjammer
- D78065
≈ Summer Sunset
- AE9B3D
≈ Golden Olive
Tetradico +90° +180° +270°
- 5CA0DE
Windjammer
- C87EB3
≈ Peruvian Lily
- C98C44
≈ Caramel Macchiato
- 54B07E
≈ Divot
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.53:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--windjammer: #5ca0de;
--windjammer-rgb: 92 160 222;
--windjammer-oklch: oklch(0.687 0.115 247.8);
}
.element {
color: var(--windjammer);
background-color: hsl(209 66% 62%);
border-color: oklch(0.687 0.115 247.8);
}Tailwind CSS v4
@theme {
--color-windjammer: #5ca0de;
--color-windjammer-50: #ddf9ff;
--color-windjammer-100: #cbecff;
--color-windjammer-200: #afd9ff;
--color-windjammer-300: #8abcf0;
--color-windjammer-400: #64a4df;
--color-windjammer-500: #3e8bce;
--color-windjammer-600: #3676ae;
--color-windjammer-700: #2b5e8c;
--color-windjammer-800: #1b4668;
--color-windjammer-900: #123049;
--color-windjammer-950: #041c30;
}SCSS
$windjammer: #5ca0de;
$windjammer-rgb: 92, 160, 222;
$windjammer-light: mix(#fff, $windjammer, 20%);
$windjammer-dark: mix(#000, $windjammer, 20%);
.element {
color: $windjammer;
box-shadow: 0 0 0 2px rgba($windjammer, 0.35);
}