Benannte Farbe · #355978
Tidal Wave
Tidal Wave ist #355978: rgb(53 89 120), hsl(208 39% 34%), oklch(0.451 0.066 245.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Tidal Wave color name →
#355978
oklch(0.451 0.066 245.9)
Farbumrechnungen
- HEX
- #355978
- RGB
- rgb(53 89 120)
- HSL
- hsl(208 39% 34%)
- HWB
- hwb(208 21% 53%)
- OKLCH
- oklch(0.451 0.066 245.9)
- OKLab
- oklab(0.451 -0.027 -0.06)
- CIE Lab
- lab(36.16 -5.97 -21.92)
- LCH
- lch(36.16 22.71 254.8)
- CMYK
- cmyk(56% 26% 0% 53%)
Tints · Shades · Tones
Tints
- 486885
- 5B7892
- 6E889F
- 8298AD
- 96A9BA
- AABAC8
- BFCBD5
- D4DCE3
- E9EDF1
Shades
- 2D4C67
- 254057
- 1D3448
- 152839
- 0E1D2A
- 08131D
- 030910
- 010305
- 000001
Tones
- 3D5D79
- 45617A
- 4C657B
- 54697C
- 5B6D7D
- 63717D
- 6A747E
- 71787F
- 797C7F
Farbharmonien
Komplementär +180°
- 355978
Tidal Wave
- 6E4E2C
≈ Wagon Train
Analog -30° +30°
- 355978
Tidal Wave
- 215F6D
≈ Excellence
- 4B527A
≈ Provocative
Triadisch +120° +240°
- 355978
Tidal Wave
- 754650
≈ Stoic
- 4C5C33
≈ Woodman
Geteilt komplementär +150° +210°
- 355978
Tidal Wave
- 75483C
≈ Tiramisu
- 605528
≈ Tucumán Green
Tetradisch +90° +180° +270°
- 355978
Tidal Wave
- 6D4763
≈ Wizard Time
- 6E4E2C
≈ Wagon Train
- 356046
≈ Herbes de Provence
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.36:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.85:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--tidal-wave: #355978;
--tidal-wave-rgb: 53 89 120;
--tidal-wave-oklch: oklch(0.451 0.066 245.9);
}
.element {
color: var(--tidal-wave);
background-color: hsl(208 39% 34%);
border-color: oklch(0.451 0.066 245.9);
}Tailwind CSS v4
@theme {
--color-tidal-wave: #355978;
--color-tidal-wave-50: #e7f7ff;
--color-tidal-wave-100: #d7eafd;
--color-tidal-wave-200: #bfd7f0;
--color-tidal-wave-300: #9dbbd8;
--color-tidal-wave-400: #7ea3c4;
--color-tidal-wave-500: #618bb0;
--color-tidal-wave-600: #537594;
--color-tidal-wave-700: #425e77;
--color-tidal-wave-800: #2e4558;
--color-tidal-wave-900: #1f303d;
--color-tidal-wave-950: #0f1c27;
}SCSS
$tidal-wave: #355978;
$tidal-wave-rgb: 53, 89, 120;
$tidal-wave-light: mix(#fff, $tidal-wave, 20%);
$tidal-wave-dark: mix(#000, $tidal-wave, 20%);
.element {
color: $tidal-wave;
box-shadow: 0 0 0 2px rgba($tidal-wave, 0.35);
}