Benannte Farbe · #758883
Echo Park
Echo Park ist #758883: rgb(117 136 131), hsl(164 8% 50%), oklch(0.61 0.023 177.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Echo Park color name →
#758883
oklch(0.61 0.023 177.9)
Farbumrechnungen
- HEX
- #758883
- RGB
- rgb(117 136 131)
- HSL
- hsl(164 8% 50%)
- HWB
- hwb(164 46% 47%)
- OKLCH
- oklch(0.61 0.023 177.9)
- OKLab
- oklab(0.61 -0.023 0.001)
- CIE Lab
- lab(55.06 -7.92 0.26)
- LCH
- lch(55.06 7.93 178.2)
- CMYK
- cmyk(14% 0% 4% 47%)
Tints · Shades · Tones
Tints
- 82938F
- 8F9F9B
- 9DAAA7
- AAB6B3
- B8C2BF
- C6CECC
- D4DAD8
- E2E6E5
- F0F3F2
Shades
- 657571
- 556360
- 46524F
- 37413F
- 29312F
- 1C2220
- 0F1312
- 050606
- 010101
Tones
- 768783
- 778682
- 788682
- 7A8582
- 7B8481
- 7C8381
- 7D8281
- 7E8281
- 7F8180
Farbharmonien
Komplementär +180°
- 758883
Echo Park
- 907E83
≈ Purple Dove
Analog -30° +30°
- 758883
Echo Park
- 7A877B
≈ Stone Craft
- 74878A
≈ Deep Thoughts
Triadisch +120° +240°
- 758883
Echo Park
- 858090
≈ Purpletone
- 8E8076
≈ Fungi
Geteilt komplementär +150° +210°
- 758883
Echo Park
- 8B7E8A
≈ Mediaeval Wine
- 917E7B
≈ Warplock Bronze Metal
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.74:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.60:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.60:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--echo-park: #758883;
--echo-park-rgb: 117 136 131;
--echo-park-oklch: oklch(0.61 0.023 177.9);
}
.element {
color: var(--echo-park);
background-color: hsl(164 8% 50%);
border-color: oklch(0.61 0.023 177.9);
}Tailwind CSS v4
@theme {
--color-echo-park: #758883;
--color-echo-park-50: #eef7f5;
--color-echo-park-100: #e0ebe8;
--color-echo-park-200: #cad8d4;
--color-echo-park-300: #abbbb8;
--color-echo-park-400: #91a39e;
--color-echo-park-500: #768b86;
--color-echo-park-600: #647671;
--color-echo-park-700: #505e5b;
--color-echo-park-800: #3a4542;
--color-echo-park-900: #28302d;
--color-echo-park-950: #161c1a;
}SCSS
$echo-park: #758883;
$echo-park-rgb: 117, 136, 131;
$echo-park-light: mix(#fff, $echo-park, 20%);
$echo-park-dark: mix(#000, $echo-park, 20%);
.element {
color: $echo-park;
box-shadow: 0 0 0 2px rgba($echo-park, 0.35);
}