Benannte Farbe · #A19583
Ironwood
Ironwood ist #A19583: rgb(161 149 131), hsl(36 14% 57%), oklch(0.675 0.029 78.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ironwood color name →
#A19583
oklch(0.675 0.029 78.1)
Farbumrechnungen
- HEX
- #a19583
- RGB
- rgb(161 149 131)
- HSL
- hsl(36 14% 57%)
- HWB
- hwb(36 51% 37%)
- OKLCH
- oklch(0.675 0.029 78.1)
- OKLab
- oklab(0.675 0.006 0.029)
- CIE Lab
- lab(62.38 2.31 11.23)
- LCH
- lch(62.38 11.47 78.4)
- CMYK
- cmyk(0% 7% 19% 37%)
Tints · Shades · Tones
Tints
- AA9F8F
- B3A99B
- BCB4A7
- C6BEB3
- CFC9BF
- D9D3CC
- E2DED8
- ECE9E5
- F5F4F2
Shades
- 8B8171
- 766D60
- 625A4F
- 4E483F
- 3C372F
- 2A2620
- 191612
- 090806
- 010101
Tones
- 9E9383
- 9A9183
- 978F82
- 948D82
- 908A82
- 8D8881
- 8A8681
- 878481
- 838280
Farbharmonien
Komplementär +180°
- A19583
Ironwood
- 8C98A9
≈ Urban Vibes
Analog -30° +30°
- A19583
Ironwood
- A79287
≈ Casket
- 989984
≈ Lemongrass
Triadisch +120° +240°
- A19583
Ironwood
- 829D9D
≈ North Beach Blue
- 9F91A3
≈ Amethyst Phlox
Geteilt komplementär +150° +210°
- A19583
Ironwood
- 859BA5
≈ Arona
- 9594A8
≈ Jazz Tune
Tetradisch +90° +180° +270°
- A19583
Ironwood
- 869D93
≈ Padded Leaf
- 8C98A9
≈ Urban Vibes
- A5909A
≈ Nirvana
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.94:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.14:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.14:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--ironwood: #a19583;
--ironwood-rgb: 161 149 131;
--ironwood-oklch: oklch(0.675 0.029 78.1);
}
.element {
color: var(--ironwood);
background-color: hsl(36 14% 57%);
border-color: oklch(0.675 0.029 78.1);
}Tailwind CSS v4
@theme {
--color-ironwood: #a19583;
--color-ironwood-50: #faf4ec;
--color-ironwood-100: #ede7dd;
--color-ironwood-200: #dbd3c7;
--color-ironwood-300: #bfb6a7;
--color-ironwood-400: #a89d8b;
--color-ironwood-500: #918471;
--color-ironwood-600: #7b7060;
--color-ironwood-700: #62594c;
--color-ironwood-800: #484137;
--color-ironwood-900: #322d26;
--color-ironwood-950: #1e1a14;
}SCSS
$ironwood: #a19583;
$ironwood-rgb: 161, 149, 131;
$ironwood-light: mix(#fff, $ironwood, 20%);
$ironwood-dark: mix(#000, $ironwood, 20%);
.element {
color: $ironwood;
box-shadow: 0 0 0 2px rgba($ironwood, 0.35);
}