Benannte Farbe · #5E85B1
Pacific Coast
Pacific Coast ist #5E85B1: rgb(94 133 177), hsl(212 35% 53%), oklch(0.606 0.08 252.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Pacific Coast color name →
#5E85B1
oklch(0.606 0.08 252.1)
Farbumrechnungen
- HEX
- #5e85b1
- RGB
- rgb(94 133 177)
- HSL
- hsl(212 35% 53%)
- HWB
- hwb(212 37% 31%)
- OKLCH
- oklch(0.606 0.08 252.1)
- OKLab
- oklab(0.606 -0.025 -0.076)
- CIE Lab
- lab(54 -4.73 -27.9)
- LCH
- lch(54 28.29 260.4)
- CMYK
- cmyk(47% 25% 0% 31%)
Tints · Shades · Tones
Tints
- 6E91B9
- 7D9DC1
- 8DA9C9
- 9DB5D1
- ADC1D8
- BDCDE0
- CDD9E8
- DEE6F0
- EEF2F7
Shades
- 517399
- 446183
- 37506C
- 2B4057
- 1F3042
- 14212F
- 0A131C
- 03060C
- 000101
Tones
- 6285AC
- 6684A7
- 6984A3
- 6D849E
- 708399
- 738394
- 77828F
- 7A818A
- 7D8185
Farbharmonien
Komplementär +180°
- 5E85B1
Pacific Coast
- A07A4A
≈ Cognac Tint
Analog -30° +30°
- 5E85B1
Pacific Coast
- 448DA4
≈ Cossack Dancer
- 7A7CB1
≈ Ontario Violet
Triadisch +120° +240°
- 5E85B1
Pacific Coast
- AC6E75
≈ Pomegranate Tea
- 708C59
≈ Moss Gardens
Geteilt komplementär +150° +210°
- 5E85B1
Pacific Coast
- AB725B
≈ Arizona Clay
- 8B8449
≈ Frog’s Legs
Tetradisch +90° +180° +270°
- 5E85B1
Pacific Coast
- A46F8F
≈ Drama Queen
- A07A4A
≈ Cognac Tint
- 529173
≈ Green Weed
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.84:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.46:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--pacific-coast: #5e85b1;
--pacific-coast-rgb: 94 133 177;
--pacific-coast-oklch: oklch(0.606 0.08 252.1);
}
.element {
color: var(--pacific-coast);
background-color: hsl(212 35% 53%);
border-color: oklch(0.606 0.08 252.1);
}Tailwind CSS v4
@theme {
--color-pacific-coast: #5e85b1;
--color-pacific-coast-50: #e6f7ff;
--color-pacific-coast-100: #d6eaff;
--color-pacific-coast-200: #bdd7f7;
--color-pacific-coast-300: #9bbae0;
--color-pacific-coast-400: #7ca2cd;
--color-pacific-coast-500: #5e89ba;
--color-pacific-coast-600: #50749d;
--color-pacific-coast-700: #405d7e;
--color-pacific-coast-800: #2c445d;
--color-pacific-coast-900: #1e2f41;
--color-pacific-coast-950: #0e1c2a;
}SCSS
$pacific-coast: #5e85b1;
$pacific-coast-rgb: 94, 133, 177;
$pacific-coast-light: mix(#fff, $pacific-coast, 20%);
$pacific-coast-dark: mix(#000, $pacific-coast, 20%);
.element {
color: $pacific-coast;
box-shadow: 0 0 0 2px rgba($pacific-coast, 0.35);
}