Benannte Farbe · #404854
Soft Steel
Soft Steel ist #404854: rgb(64 72 84), hsl(216 14% 29%), oklch(0.399 0.023 258.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Soft Steel color name →
#404854
oklch(0.399 0.023 258.4)
Farbumrechnungen
- HEX
- #404854
- RGB
- rgb(64 72 84)
- HSL
- hsl(216 14% 29%)
- HWB
- hwb(216 25% 67%)
- OKLCH
- oklch(0.399 0.023 258.4)
- OKLab
- oklab(0.399 -0.005 -0.022)
- CIE Lab
- lab(30.22 -1.07 -8.33)
- LCH
- lch(30.22 8.4 262.7)
- CMYK
- cmyk(24% 14% 0% 67%)
Tints · Shades · Tones
Tints
- 515864
- 626974
- 747B84
- 878C95
- 9A9FA6
- ADB1B7
- C1C4C8
- D5D7DA
- EAEBED
Shades
- 363D48
- 2D333C
- 242931
- 1B1F26
- 13161B
- 0B0D11
- 050608
- 010202
- 000000
Tones
- 464D58
- 4C535D
- 525861
- 595E65
- 5F636A
- 66696E
- 6C6F73
- 737477
- 797A7C
Farbharmonien
Komplementär +180°
- 404854
Soft Steel
- 4E463A
≈ Seaweed Wrap
Analog -30° +30°
- 404854
Soft Steel
- 3B4A51
≈ Atomic
- 474653
≈ Gun Powder
Triadisch +120° +240°
- 404854
Soft Steel
- 534343
≈ Christmas Pudding
- 414B3F
≈ Foxhall Green
Geteilt komplementär +150° +210°
- 404854
Soft Steel
- 52443D
≈ Spiced Hot Chocolate
- 48493A
≈ Treasure Island
Tetradisch +90° +180° +270°
- 404854
Soft Steel
- 514349
≈ Plum Brown
- 4E463A
≈ Seaweed Wrap
- 3C4C45
≈ Deep Mooring
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.23:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.27:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.23:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--soft-steel: #404854;
--soft-steel-rgb: 64 72 84;
--soft-steel-oklch: oklch(0.399 0.023 258.4);
}
.element {
color: var(--soft-steel);
background-color: hsl(216 14% 29%);
border-color: oklch(0.399 0.023 258.4);
}Tailwind CSS v4
@theme {
--color-soft-steel: #404854;
--color-soft-steel-50: #f1f5fc;
--color-soft-steel-100: #e3e8f0;
--color-soft-steel-200: #cfd5de;
--color-soft-steel-300: #b1b8c3;
--color-soft-steel-400: #969fac;
--color-soft-steel-500: #7d8796;
--color-soft-steel-600: #6a727f;
--color-soft-steel-700: #555b65;
--color-soft-steel-800: #3d434a;
--color-soft-steel-900: #2a2e34;
--color-soft-steel-950: #181b1f;
}SCSS
$soft-steel: #404854;
$soft-steel-rgb: 64, 72, 84;
$soft-steel-light: mix(#fff, $soft-steel, 20%);
$soft-steel-dark: mix(#000, $soft-steel, 20%);
.element {
color: $soft-steel;
box-shadow: 0 0 0 2px rgba($soft-steel, 0.35);
}