Colore con nome · #55B4DE
Sail Away
Sail Away è #55B4DE: rgb(85 180 222), hsl(198 67% 60%), oklch(0.729 0.108 229.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Sail Away color name →
#55B4DE
oklch(0.729 0.108 229.7)
Conversioni di colore
- HEX
- #55b4de
- RGB
- rgb(85 180 222)
- HSL
- hsl(198 67% 60%)
- HWB
- hwb(198 33% 13%)
- OKLCH
- oklch(0.729 0.108 229.7)
- OKLab
- oklab(0.729 -0.07 -0.082)
- CIE Lab
- lab(68.87 -19.7 -30.18)
- LCH
- lch(68.87 36.04 236.9)
- CMYK
- cmyk(62% 19% 0% 13%)
Tinte · Ombre · Toni
Tinte
- 69BCE2
- 7CC3E5
- 8DCBE9
- 9ED2EC
- AFDAEF
- BFE1F3
- CFE9F6
- DFF0F9
- EFF8FC
Ombre
- 499CC1
- 3D85A5
- 316E89
- 26586F
- 1C4455
- 11303D
- 081D26
- 020C12
- 000202
Toni
- 5CAFD4
- 63AACB
- 68A5C1
- 6DA0B8
- 719AAF
- 7595A5
- 78909C
- 7B8B93
- 7E8589
Armonie di colore
Complementare +180°
- 55B4DE
Sail Away
- DE9368
≈ Summer’s End
Analogo -30° +30°
- 55B4DE
Sail Away
- 3DBCC2
≈ Lagoon Rock
- 7FA8EB
≈ Jordy Blue
Triadico +120° +240°
- 55B4DE
Sail Away
- DB8BB1
≈ Tempting Pink
- ACAD59
≈ Palm Frond
Complementare divisa +150° +210°
- 55B4DE
Sail Away
- E38B8C
≈ Pink Chi
- CBA053
≈ Bright Gold
Tetradico +90° +180° +270°
- 55B4DE
Sail Away
- C591D2
≈ Lenurple
- DE9368
≈ Summer’s End
- 83B876
≈ Colour Me Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.34:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.96:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--sail-away: #55b4de;
--sail-away-rgb: 85 180 222;
--sail-away-oklch: oklch(0.729 0.108 229.7);
}
.element {
color: var(--sail-away);
background-color: hsl(198 67% 60%);
border-color: oklch(0.729 0.108 229.7);
}Tailwind CSS v4
@theme {
--color-sail-away: #55b4de;
--color-sail-away-50: #d7fbff;
--color-sail-away-100: #c5efff;
--color-sail-away-200: #a6ddfb;
--color-sail-away-300: #7cc2e5;
--color-sail-away-400: #51aad2;
--color-sail-away-500: #1592bf;
--color-sail-away-600: #187ca2;
--color-sail-away-700: #146382;
--color-sail-away-800: #08495f;
--color-sail-away-900: #063343;
--color-sail-away-950: #001e2b;
}SCSS
$sail-away: #55b4de;
$sail-away-rgb: 85, 180, 222;
$sail-away-light: mix(#fff, $sail-away, 20%);
$sail-away-dark: mix(#000, $sail-away, 20%);
.element {
color: $sail-away;
box-shadow: 0 0 0 2px rgba($sail-away, 0.35);
}