Benannte Farbe · #4B7794
Sea Drifter
Sea Drifter ist #4B7794: rgb(75 119 148), hsl(204 33% 44%), oklch(0.549 0.067 238.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Sea Drifter color name →
#4B7794
oklch(0.549 0.067 238.5)
Farbumrechnungen
- HEX
- #4b7794
- RGB
- rgb(75 119 148)
- HSL
- hsl(204 33% 44%)
- HWB
- hwb(204 29% 42%)
- OKLCH
- oklch(0.549 0.067 238.5)
- OKLab
- oklab(0.549 -0.035 -0.057)
- CIE Lab
- lab(47.73 -9.38 -20.83)
- LCH
- lch(47.73 22.85 245.8)
- CMYK
- cmyk(49% 20% 0% 42%)
Tints · Shades · Tones
Tints
- 5D849E
- 6E91A9
- 7F9EB4
- 91ACBE
- A3B9C9
- B5C7D4
- C7D5DE
- DAE3E9
- ECF1F4
Shades
- 406780
- 35576D
- 2B475A
- 213848
- 172A36
- 0E1C26
- 061016
- 020508
- 000101
Tones
- 517892
- 577990
- 5C7A8E
- 627B8C
- 677C8A
- 6C7D88
- 717E86
- 767E84
- 7B7F82
Farbharmonien
Komplementär +180°
- 4B7794
Sea Drifter
- 8F684A
≈ Webcap Brown
Analog -30° +30°
- 4B7794
Sea Drifter
- 3D7C86
≈ Mysterious Blue
- 617099
≈ Blueberry Patch
Triadisch +120° +240°
- 4B7794
Sea Drifter
- 926171
≈ Mauve Taupe
- 6D774A
≈ Ancient Bonsai
Geteilt komplementär +150° +210°
- 4B7794
Sea Drifter
- 94625B
≈ Canyon Stone
- 816F42
≈ Italian Olive
Tetradisch +90° +180° +270°
- 4B7794
Sea Drifter
- 876385
≈ Orchid Orchestra
- 8F684A
≈ Webcap Brown
- 567C5C
≈ Green Mantle
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.81:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.36:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.81:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--sea-drifter: #4b7794;
--sea-drifter-rgb: 75 119 148;
--sea-drifter-oklch: oklch(0.549 0.067 238.5);
}
.element {
color: var(--sea-drifter);
background-color: hsl(204 33% 44%);
border-color: oklch(0.549 0.067 238.5);
}Tailwind CSS v4
@theme {
--color-sea-drifter: #4b7794;
--color-sea-drifter-50: #e5f8ff;
--color-sea-drifter-100: #d5ebfc;
--color-sea-drifter-200: #bcd9ee;
--color-sea-drifter-300: #99bdd7;
--color-sea-drifter-400: #7aa5c2;
--color-sea-drifter-500: #5b8dae;
--color-sea-drifter-600: #4e7793;
--color-sea-drifter-700: #3e5f76;
--color-sea-drifter-800: #2b4657;
--color-sea-drifter-900: #1d303c;
--color-sea-drifter-950: #0d1d26;
}SCSS
$sea-drifter: #4b7794;
$sea-drifter-rgb: 75, 119, 148;
$sea-drifter-light: mix(#fff, $sea-drifter, 20%);
$sea-drifter-dark: mix(#000, $sea-drifter, 20%);
.element {
color: $sea-drifter;
box-shadow: 0 0 0 2px rgba($sea-drifter, 0.35);
}