Benannte Farbe · #4A5257
Chimney
Chimney ist #4A5257: rgb(74 82 87), hsl(203 8% 32%), oklch(0.433 0.013 235.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Chimney color name →
#4A5257
oklch(0.433 0.013 235.1)
Farbumrechnungen
- HEX
- #4a5257
- RGB
- rgb(74 82 87)
- HSL
- hsl(203 8% 32%)
- HWB
- hwb(203 29% 66%)
- OKLCH
- oklch(0.433 0.013 235.1)
- OKLab
- oklab(0.433 -0.008 -0.011)
- CIE Lab
- lab(34.29 -2.41 -4.08)
- LCH
- lch(34.29 4.74 239.4)
- CMYK
- cmyk(15% 6% 0% 66%)
Tints · Shades · Tones
Tints
- 5A6266
- 6B7276
- 7C8286
- 8E9396
- A0A4A7
- B2B6B8
- C5C8C9
- D8DADB
- EBECED
Shades
- 3F464B
- 353B3E
- 2A2F33
- 202527
- 171A1C
- 0E1112
- 060808
- 020203
- 000000
Tones
- 4F565B
- 545B5F
- 5A5F63
- 5F6467
- 64696B
- 6A6D6F
- 6F7273
- 757778
- 7A7B7C
Farbharmonien
Komplementär +180°
- 4A5257
Chimney
- 574F4A
≈ Dark Cavern
Analog -30° +30°
- 4A5257
Chimney
- 495354
≈ Dark as Night
- 4D5158
≈ Water Ouzel
Triadisch +120° +240°
- 4A5257
Chimney
- 574E51
≈ Pavement
- 50524A
≈ Shade-Grown
Geteilt komplementär +150° +210°
- 4A5257
Chimney
- 584E4D
≈ Black Sand
- 545049
≈ Urbane Bronze
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.96:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.63:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 7.96:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--chimney: #4a5257;
--chimney-rgb: 74 82 87;
--chimney-oklch: oklch(0.433 0.013 235.1);
}
.element {
color: var(--chimney);
background-color: hsl(203 8% 32%);
border-color: oklch(0.433 0.013 235.1);
}Tailwind CSS v4
@theme {
--color-chimney: #4a5257;
--color-chimney-50: #f2f6f8;
--color-chimney-100: #e4e9ec;
--color-chimney-200: #cfd5d9;
--color-chimney-300: #b1b8bd;
--color-chimney-400: #97a0a5;
--color-chimney-500: #7e888e;
--color-chimney-600: #6b7378;
--color-chimney-700: #555c60;
--color-chimney-800: #3e4346;
--color-chimney-900: #2b2e31;
--color-chimney-950: #181b1d;
}SCSS
$chimney: #4a5257;
$chimney-rgb: 74, 82, 87;
$chimney-light: mix(#fff, $chimney, 20%);
$chimney-dark: mix(#000, $chimney, 20%);
.element {
color: $chimney;
box-shadow: 0 0 0 2px rgba($chimney, 0.35);
}