Colore con nome · #5492AF
Jet Ski
Jet Ski è #5492AF: rgb(84 146 175), hsl(199 36% 51%), oklch(0.63 0.078 229.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Jet Ski color name →
#5492AF
oklch(0.63 0.078 229.9)
Conversioni di colore
- HEX
- #5492af
- RGB
- rgb(84 146 175)
- HSL
- hsl(199 36% 51%)
- HWB
- hwb(199 33% 31%)
- OKLCH
- oklch(0.63 0.078 229.9)
- OKLab
- oklab(0.63 -0.05 -0.059)
- CIE Lab
- lab(57.25 -14.57 -21.85)
- LCH
- lch(57.25 26.26 236.3)
- CMYK
- cmyk(52% 17% 0% 31%)
Tinte · Ombre · Toni
Tinte
- 669DB7
- 77A7BF
- 88B2C7
- 99BDCF
- AAC8D7
- BBD3DF
- CCDEE7
- DDE9EF
- EEF4F7
Ombre
- 487E98
- 3C6B81
- 31586B
- 264656
- 1B3541
- 11252E
- 08161C
- 02080B
- 000101
Toni
- 5A90AA
- 5F8FA6
- 648DA1
- 698B9C
- 6D8998
- 718893
- 75868E
- 79848A
- 7D8285
Armonie di colore
Complementare +180°
- 5492AF
Jet Ski
- B07B5E
≈ Dwarf Pony
Analogo -30° +30°
- 5492AF
Jet Ski
- 48979B
≈ Aquatic Green
- 6D8AB8
≈ Debutante Ball
Triadico +120° +240°
- 5492AF
Jet Ski
- AD7690
≈ Cipher
- 8C8D55
≈ Crocodile Smile
Complementare divisa +150° +210°
- 5492AF
Jet Ski
- B37676
≈ Canyon Rose
- A28451
≈ Bristle Grass
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.43:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.10:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--jet-ski: #5492af;
--jet-ski-rgb: 84 146 175;
--jet-ski-oklch: oklch(0.63 0.078 229.9);
}
.element {
color: var(--jet-ski);
background-color: hsl(199 36% 51%);
border-color: oklch(0.63 0.078 229.9);
}Tailwind CSS v4
@theme {
--color-jet-ski: #5492af;
--color-jet-ski-50: #e0faff;
--color-jet-ski-100: #cfedfe;
--color-jet-ski-200: #b4dbf0;
--color-jet-ski-300: #8fbfd9;
--color-jet-ski-400: #6da7c4;
--color-jet-ski-500: #4a90b0;
--color-jet-ski-600: #3f7a94;
--color-jet-ski-700: #326177;
--color-jet-ski-800: #224857;
--color-jet-ski-900: #17323d;
--color-jet-ski-950: #071e27;
}SCSS
$jet-ski: #5492af;
$jet-ski-rgb: 84, 146, 175;
$jet-ski-light: mix(#fff, $jet-ski, 20%);
$jet-ski-dark: mix(#000, $jet-ski, 20%);
.element {
color: $jet-ski;
box-shadow: 0 0 0 2px rgba($jet-ski, 0.35);
}