Benannte Farbe · #005784
Beyond the Sea
Beyond the Sea ist #005784: rgb(0 87 132), hsl(200 100% 26%), oklch(0.437 0.102 241.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Beyond the Sea color name →
#005784
oklch(0.437 0.102 241.1)
Farbumrechnungen
- HEX
- #005784
- RGB
- rgb(0 87 132)
- HSL
- hsl(200 100% 26%)
- HWB
- hwb(200 0% 48%)
- OKLCH
- oklch(0.437 0.102 241.1)
- OKLab
- oklab(0.437 -0.049 -0.089)
- CIE Lab
- lab(34.46 -9.2 -32.05)
- LCH
- lch(34.46 33.34 254)
- CMYK
- cmyk(100% 34% 0% 48%)
Tints · Shades · Tones
Tints
- 286790
- 42779D
- 5A88A9
- 7198B5
- 88A9C2
- 9FBACE
- B7CBDA
- CFDCE6
- E7EDF3
Shades
- 004B72
- 003E60
- 00334F
- 00273F
- 001C2F
- 001220
- 000812
- 000306
- 000001
Tones
- 1B5C84
- 2A6084
- 376484
- 436884
- 4E6D83
- 587183
- 627582
- 6C7882
- 767C81
Farbharmonien
Komplementär +180°
- 005784
Beyond the Sea
- 784200
≈ Dusky Brown
Analog -30° +30°
- 005784
Beyond the Sea
- 005C69
≈ Egyptian Enamel
- 3D4D89
≈ Jazzy Blue
Triadisch +120° +240°
- 005784
Beyond the Sea
- 7D364E
≈ Velvet Rose
- 495906
≈ Lustrian Undergrowth
Geteilt komplementär +150° +210°
- 005784
Beyond the Sea
- 80392D
≈ Roycroft Copper Red
- 644F00
≈ Olive Brown
Tetradisch +90° +180° +270°
- 005784
Beyond the Sea
- 713A6B
≈ Burnt Orchid
- 784200
≈ Dusky Brown
- 1A6133
≈ Ficus Elastica
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.78:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.69:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.78:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--beyond-the-sea: #005784;
--beyond-the-sea-rgb: 0 87 132;
--beyond-the-sea-oklch: oklch(0.437 0.102 241.1);
}
.element {
color: var(--beyond-the-sea);
background-color: hsl(200 100% 26%);
border-color: oklch(0.437 0.102 241.1);
}Tailwind CSS v4
@theme {
--color-beyond-the-sea: #005784;
--color-beyond-the-sea-50: #ddf9ff;
--color-beyond-the-sea-100: #ccedff;
--color-beyond-the-sea-200: #afdafd;
--color-beyond-the-sea-300: #89bee8;
--color-beyond-the-sea-400: #64a6d5;
--color-beyond-the-sea-500: #3e8ec3;
--color-beyond-the-sea-600: #3678a5;
--color-beyond-the-sea-700: #2b6084;
--color-beyond-the-sea-800: #1b4762;
--color-beyond-the-sea-900: #123145;
--color-beyond-the-sea-950: #041d2c;
}SCSS
$beyond-the-sea: #005784;
$beyond-the-sea-rgb: 0, 87, 132;
$beyond-the-sea-light: mix(#fff, $beyond-the-sea, 20%);
$beyond-the-sea-dark: mix(#000, $beyond-the-sea, 20%);
.element {
color: $beyond-the-sea;
box-shadow: 0 0 0 2px rgba($beyond-the-sea, 0.35);
}