Benannte Farbe · #005493
Ocean
Ocean ist #005493: rgb(0 84 147), hsl(206 100% 29%), oklch(0.439 0.124 249.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Ocean color name →
#005493
oklch(0.439 0.124 249.9)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 27659E
- 4175AA
- 5986B5
- 7097C0
- 87A8CA
- 9FB9D5
- B6CAE0
- CEDCEA
- E6EDF5
Shades
- 00487F
- 003C6C
- 003159
- 002647
- 001B36
- 001125
- 000816
- 000208
- 000001
Tones
- 1A5992
- 295E90
- 36638F
- 42678D
- 4D6C8B
- 58708A
- 627487
- 6C7885
- 767C83
Farbharmonien
Komplementär +180°
- 005493
Ocean
- 734700
≈ Flat Brown
Analog -30° +30°
- 005493
Ocean
- 005C71
≈ Octagon Ocean
- 474794
≈ Galaxy Express
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- 005493
Ocean
- 883412
≈ Rogan Josh
- 5E5300
≈ Olive Brown
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.80:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.68:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.80:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
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);
}