Colore con nome · #005493
Ocean
Ocean è #005493: rgb(0 84 147), hsl(206 100% 29%), oklch(0.439 0.124 249.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Ocean color name →
#005493
oklch(0.439 0.124 249.9)
Conversioni di colore
- HEX
- #005493
- RGB
- rgb(0 84 147)
- HSL
- hsl(206 100% 29%)
- HWB
- hwb(206 0% 42%)
- OKLCH
- oklch(0.439 0.124 249.9)
- OKLab
- oklab(0.439 -0.043 -0.116)
- CIE Lab
- lab(34.24 -2.28 -41.51)
- LCH
- lch(34.24 41.57 266.9)
- CMYK
- cmyk(100% 43% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 27659E
- 4175AA
- 5986B5
- 7097C0
- 87A8CA
- 9FB9D5
- B6CAE0
- CEDCEA
- E6EDF5
Ombre
- 00487F
- 003C6C
- 003159
- 002647
- 001B36
- 001125
- 000816
- 000208
- 000001
Toni
- 1A5992
- 295E90
- 36638F
- 42678D
- 4D6C8B
- 58708A
- 627487
- 6C7885
- 767C83
Armonie di colore
Complementare +180°
- 005493
Ocean
- 734700
≈ Flat Brown
Analogo -30° +30°
- 005493
Ocean
- 005C71
≈ Octagon Ocean
- 474794
≈ Galaxy Express
Triadico +120° +240°
Complementare divisa +150° +210°
- 005493
Ocean
- 883412
≈ Rogan Josh
- 5E5300
≈ Olive Brown
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.80:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.68:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.80:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--ocean: #005493;
--ocean-rgb: 0 84 147;
--ocean-oklch: oklch(0.439 0.124 249.9);
}
.element {
color: var(--ocean);
background-color: hsl(206 100% 29%);
border-color: oklch(0.439 0.124 249.9);
}Tailwind CSS v4
@theme {
--color-ocean: #005493;
--color-ocean-50: #dcf8ff;
--color-ocean-100: #cbebff;
--color-ocean-200: #aed8ff;
--color-ocean-300: #88bcf5;
--color-ocean-400: #62a3e5;
--color-ocean-500: #3b8ad4;
--color-ocean-600: #3475b3;
--color-ocean-700: #295e90;
--color-ocean-800: #19456b;
--color-ocean-900: #10304b;
--color-ocean-950: #031c32;
}SCSS
$ocean: #005493;
$ocean-rgb: 0, 84, 147;
$ocean-light: mix(#fff, $ocean, 20%);
$ocean-dark: mix(#000, $ocean, 20%);
.element {
color: $ocean;
box-shadow: 0 0 0 2px rgba($ocean, 0.35);
}