Benannte Farbe · #475A5E
Iron Forge
Iron Forge ist #475A5E: rgb(71 90 94), hsl(190 14% 32%), oklch(0.453 0.024 211.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Iron Forge color name →
#475A5E
oklch(0.453 0.024 211.9)
Farbumrechnungen
- HEX
- #475a5e
- RGB
- rgb(71 90 94)
- HSL
- hsl(190 14% 32%)
- HWB
- hwb(190 28% 63%)
- OKLCH
- oklch(0.453 0.024 211.9)
- OKLab
- oklab(0.453 -0.021 -0.013)
- CIE Lab
- lab(36.76 -6.78 -4.85)
- LCH
- lch(36.76 8.33 215.6)
- CMYK
- cmyk(24% 4% 0% 63%)
Tints · Shades · Tones
Tints
- 58696D
- 69787C
- 7A888B
- 8C989B
- 9FA9AB
- B1B9BB
- C4CACC
- D7DCDD
- EBEDEE
Shades
- 3D4D51
- 324144
- 283537
- 1F292B
- 161E1F
- 0D1314
- 06090A
- 020303
- 000000
Tones
- 4D5E61
- 526165
- 586568
- 5E696B
- 636D6F
- 697172
- 6F7476
- 747879
- 7A7C7D
Farbharmonien
Komplementär +180°
- 475A5E
Iron Forge
- 63524E
≈ Scented Clove
Analog -30° +30°
- 475A5E
Iron Forge
- 485B57
≈ Hostaleaf
- 4B5863
≈ Rogue Blue
Triadisch +120° +240°
- 475A5E
Iron Forge
- 5F515C
≈ Wishing Star
- 5B5647
≈ Millbrook
Geteilt komplementär +150° +210°
- 475A5E
Iron Forge
- 625155
≈ Pinot Noir
- 605349
≈ Cabin Fever
Tetradisch +90° +180° +270°
- 475A5E
Iron Forge
- 585362
≈ Napa Grape
- 63524E
≈ Scented Clove
- 54584A
≈ Japanese Seaweed
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.26:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.89:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--iron-forge: #475a5e;
--iron-forge-rgb: 71 90 94;
--iron-forge-oklch: oklch(0.453 0.024 211.9);
}
.element {
color: var(--iron-forge);
background-color: hsl(190 14% 32%);
border-color: oklch(0.453 0.024 211.9);
}Tailwind CSS v4
@theme {
--color-iron-forge: #475a5e;
--color-iron-forge-50: #eef7f9;
--color-iron-forge-100: #dfeaed;
--color-iron-forge-200: #c9d7da;
--color-iron-forge-300: #aabbbf;
--color-iron-forge-400: #8fa3a7;
--color-iron-forge-500: #748b8f;
--color-iron-forge-600: #637579;
--color-iron-forge-700: #4f5e61;
--color-iron-forge-800: #394547;
--color-iron-forge-900: #273031;
--color-iron-forge-950: #151c1d;
}SCSS
$iron-forge: #475a5e;
$iron-forge-rgb: 71, 90, 94;
$iron-forge-light: mix(#fff, $iron-forge, 20%);
$iron-forge-dark: mix(#000, $iron-forge, 20%);
.element {
color: $iron-forge;
box-shadow: 0 0 0 2px rgba($iron-forge, 0.35);
}