Benannte Farbe · #45494C
Winter Coat
Winter Coat ist #45494C: rgb(69 73 76), hsl(206 5% 28%), oklch(0.403 0.007 240). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Winter Coat color name →
#45494C
oklch(0.403 0.007 240)
Farbumrechnungen
- HEX
- #45494c
- RGB
- rgb(69 73 76)
- HSL
- hsl(206 5% 28%)
- HWB
- hwb(206 27% 70%)
- OKLCH
- oklch(0.403 0.007 240)
- OKLab
- oklab(0.403 -0.004 -0.006)
- CIE Lab
- lab(30.73 -1.18 -2.4)
- LCH
- lch(30.73 2.67 243.8)
- CMYK
- cmyk(9% 4% 0% 70%)
Tints · Shades · Tones
Tints
- 56595C
- 676A6D
- 787B7E
- 8A8D8F
- 9D9FA1
- B0B2B3
- C3C4C6
- D7D8D8
- EBEBEC
Shades
- 3B3E41
- 313436
- 272A2C
- 1E2022
- 151718
- 0C0E0F
- 050606
- 020202
- 000000
Tones
- 4B4E51
- 505456
- 56595B
- 5C5E60
- 626465
- 68696B
- 6E6F70
- 747575
- 7A7A7B
Farbharmonien
Komplementär +180°
- 45494C
Winter Coat
- 4B4845
≈ Stealth Jet
Analog -30° +30°
- 45494C
Winter Coat
- 444A4B
≈ Black Sable
- 47484C
≈ Tuna
Triadisch +120° +240°
- 45494C
Winter Coat
- 4C4748
≈ Dampened Black
- 484945
≈ Armadillo
Geteilt komplementär +150° +210°
- 45494C
Winter Coat
- 4C4746
≈ Dampened Black
- 4A4844
≈ Stealth Jet
Tetradisch +90° +180° +270°
- 45494C
Winter Coat
- 4B474A
≈ Catwalk
- 4B4845
≈ Stealth Jet
- 464A46
≈ Armadillo
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.08:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.31:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.08:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--winter-coat: #45494c;
--winter-coat-rgb: 69 73 76;
--winter-coat-oklch: oklch(0.403 0.007 240);
}
.element {
color: var(--winter-coat);
background-color: hsl(206 5% 28%);
border-color: oklch(0.403 0.007 240);
}Tailwind CSS v4
@theme {
--color-winter-coat: #45494c;
--color-winter-coat-50: #f3f5f7;
--color-winter-coat-100: #e6e8ea;
--color-winter-coat-200: #d2d5d7;
--color-winter-coat-300: #b4b8bb;
--color-winter-coat-400: #9b9fa2;
--color-winter-coat-500: #82878b;
--color-winter-coat-600: #6e7275;
--color-winter-coat-700: #585b5e;
--color-winter-coat-800: #404345;
--color-winter-coat-900: #2c2e2f;
--color-winter-coat-950: #191b1c;
}SCSS
$winter-coat: #45494c;
$winter-coat-rgb: 69, 73, 76;
$winter-coat-light: mix(#fff, $winter-coat, 20%);
$winter-coat-dark: mix(#000, $winter-coat, 20%);
.element {
color: $winter-coat;
box-shadow: 0 0 0 2px rgba($winter-coat, 0.35);
}