Benannte Farbe · #4B535C
Evening Cityscape
Evening Cityscape ist #4B535C: rgb(75 83 92), hsl(212 10% 33%), oklch(0.438 0.018 251.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Evening Cityscape color name →
#4B535C
oklch(0.438 0.018 251.3)
Farbumrechnungen
- HEX
- #4b535c
- RGB
- rgb(75 83 92)
- HSL
- hsl(212 10% 33%)
- HWB
- hwb(212 29% 64%)
- OKLCH
- oklch(0.438 0.018 251.3)
- OKLab
- oklab(0.438 -0.006 -0.017)
- CIE Lab
- lab(34.83 -1.67 -6.41)
- LCH
- lch(34.83 6.62 255.4)
- CMYK
- cmyk(18% 10% 0% 64%)
Tints · Shades · Tones
Tints
- 5B636B
- 6C737A
- 7D838A
- 8E949A
- A0A5AA
- B3B6BA
- C5C8CB
- D8DADC
- EBECED
Shades
- 40474F
- 353B42
- 2B3036
- 21252A
- 171B1F
- 0E1114
- 06080A
- 020203
- 000000
Tones
- 505760
- 555C63
- 5A6067
- 60656A
- 65696E
- 6A6E71
- 707275
- 757779
- 7B7B7C
Farbharmonien
Komplementär +180°
- 4B535C
Evening Cityscape
- 595147
≈ Bridgewood
Analog -30° +30°
- 4B535C
Evening Cityscape
- 485559
≈ Country Sky
- 50515C
≈ Night Night
Triadisch +120° +240°
- 4B535C
Evening Cityscape
- 5C4E4F
≈ Jacqueline
- 4F544A
≈ Forestwood
Geteilt komplementär +150° +210°
- 4B535C
Evening Cityscape
- 5B4F4B
≈ Charred Hickory
- 545347
≈ NATO Olive
Tetradisch +90° +180° +270°
- 4B535C
Evening Cityscape
- 594E55
≈ Purple Empire
- 595147
≈ Bridgewood
- 4A554F
≈ Black Spruce
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.80:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.69:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.80:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--evening-cityscape: #4b535c;
--evening-cityscape-rgb: 75 83 92;
--evening-cityscape-oklch: oklch(0.438 0.018 251.3);
}
.element {
color: var(--evening-cityscape);
background-color: hsl(212 10% 33%);
border-color: oklch(0.438 0.018 251.3);
}Tailwind CSS v4
@theme {
--color-evening-cityscape: #4b535c;
--color-evening-cityscape-50: #f2f5fa;
--color-evening-cityscape-100: #e4e8ee;
--color-evening-cityscape-200: #cfd5dc;
--color-evening-cityscape-300: #b1b8c1;
--color-evening-cityscape-400: #979fa9;
--color-evening-cityscape-500: #7e8792;
--color-evening-cityscape-600: #6a727c;
--color-evening-cityscape-700: #555c63;
--color-evening-cityscape-800: #3e4348;
--color-evening-cityscape-900: #2a2e32;
--color-evening-cityscape-950: #181b1e;
}SCSS
$evening-cityscape: #4b535c;
$evening-cityscape-rgb: 75, 83, 92;
$evening-cityscape-light: mix(#fff, $evening-cityscape, 20%);
$evening-cityscape-dark: mix(#000, $evening-cityscape, 20%);
.element {
color: $evening-cityscape;
box-shadow: 0 0 0 2px rgba($evening-cityscape, 0.35);
}