Colore con nome · #5796A1
Star City
Star City è #5796A1: rgb(87 150 161), hsl(189 30% 49%), oklch(0.635 0.067 209.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Star City color name →
#5796A1
oklch(0.635 0.067 209.9)
Conversioni di colore
- HEX
- #5796a1
- RGB
- rgb(87 150 161)
- HSL
- hsl(189 30% 49%)
- HWB
- hwb(189 34% 37%)
- OKLCH
- oklch(0.635 0.067 209.9)
- OKLab
- oklab(0.635 -0.058 -0.033)
- CIE Lab
- lab(58.17 -18.89 -12.51)
- LCH
- lch(58.17 22.66 213.5)
- CMYK
- cmyk(46% 7% 0% 37%)
Tinte · Ombre · Toni
Tinte
- 69A0AA
- 7AAAB3
- 8AB5BD
- 9BBFC6
- ABCACF
- BCD4D9
- CDDFE2
- DDE9EC
- EEF4F5
Ombre
- 4B828B
- 3E6E76
- 335B62
- 27494E
- 1C373C
- 12262A
- 081619
- 030809
- 000101
Toni
- 5C949E
- 61929A
- 669097
- 6A8D94
- 6F8B91
- 72898D
- 76878A
- 7A8587
- 7D8283
Armonie di colore
Complementare +180°
- 5796A1
Star City
- B07C73
≈ Ferris Wheel
Analogo -30° +30°
- 5796A1
Star City
- 5B988C
≈ Fiddler
- 6590AF
≈ Alpha Tango
Triadico +120° +240°
- 5796A1
Star City
- A27C9E
≈ Wild Lavender
- 9A895B
≈ Woodstock
Complementare divisa +150° +210°
- 5796A1
Star City
- AD7A89
≈ Silken Raspberry
- A98161
≈ S’mores
Tetradico +90° +180° +270°
- 5796A1
Star City
- 9182AE
≈ Purple Phantom
- B07C73
≈ Ferris Wheel
- 859163
≈ Epsom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.34:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.28:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.28:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--star-city: #5796a1;
--star-city-rgb: 87 150 161;
--star-city-oklch: oklch(0.635 0.067 209.9);
}
.element {
color: var(--star-city);
background-color: hsl(189 30% 49%);
border-color: oklch(0.635 0.067 209.9);
}Tailwind CSS v4
@theme {
--color-star-city: #5796a1;
--color-star-city-50: #e0fbff;
--color-star-city-100: #d0eef5;
--color-star-city-200: #b4dce5;
--color-star-city-300: #90c1cb;
--color-star-city-400: #6eaab4;
--color-star-city-500: #4b929f;
--color-star-city-600: #417c86;
--color-star-city-700: #33636b;
--color-star-city-800: #24494e;
--color-star-city-900: #183337;
--color-star-city-950: #081e21;
}SCSS
$star-city: #5796a1;
$star-city-rgb: 87, 150, 161;
$star-city-light: mix(#fff, $star-city, 20%);
$star-city-dark: mix(#000, $star-city, 20%);
.element {
color: $star-city;
box-shadow: 0 0 0 2px rgba($star-city, 0.35);
}