Benannte Farbe · #706E66
Ironside Grey
Ironside Grey ist #706E66: rgb(112 110 102), hsl(48 5% 42%), oklch(0.538 0.012 95.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ironside Grey color name →
#706E66
oklch(0.538 0.012 95.3)
Farbumrechnungen
- HEX
- #706e66
- RGB
- rgb(112 110 102)
- HSL
- hsl(48 5% 42%)
- HWB
- hwb(48 40% 56%)
- OKLCH
- oklch(0.538 0.012 95.3)
- OKLab
- oklab(0.538 -0.001 0.012)
- CIE Lab
- lab(46.43 -0.36 4.77)
- LCH
- lch(46.43 4.78 94.3)
- CMYK
- cmyk(0% 2% 9% 56%)
Tints · Shades · Tones
Tints
- 7D7B74
- 8B8983
- 999791
- A7A5A0
- B5B4AF
- C3C2BF
- D2D1CF
- E1E0DF
- F0F0EF
Shades
- 605F58
- 51504A
- 43413C
- 35332F
- 272623
- 1A1917
- 0E0E0C
- 040404
- 010100
Tones
- 727069
- 73726B
- 75736E
- 767570
- 787773
- 7A7976
- 7B7B78
- 7D7C7B
- 7E7E7D
Farbharmonien
Komplementär +180°
- 706E66
Ironside Grey
- 6C6E75
≈ Dolphin Dream
Analog -30° +30°
- 706E66
Ironside Grey
- 736D67
≈ Light Charcoal
- 6C6F68
≈ Queen Valley
Triadisch +120° +240°
- 706E66
Ironside Grey
- 667072
≈ Myth
- 736B71
≈ Wetbar
Geteilt komplementär +150° +210°
- 706E66
Ironside Grey
- 686F75
≈ Backwater
- 706C74
≈ Wetbar
Tetradisch +90° +180° +270°
- 706E66
Ironside Grey
- 66706F
≈ Nevada
- 6C6E75
≈ Dolphin Dream
- 756B6D
≈ Deep Greige
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.10:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.11:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.10:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--ironside-grey: #706e66;
--ironside-grey-rgb: 112 110 102;
--ironside-grey-oklch: oklch(0.538 0.012 95.3);
}
.element {
color: var(--ironside-grey);
background-color: hsl(48 5% 42%);
border-color: oklch(0.538 0.012 95.3);
}Tailwind CSS v4
@theme {
--color-ironside-grey: #706e66;
--color-ironside-grey-50: #f6f5f1;
--color-ironside-grey-100: #e9e8e3;
--color-ironside-grey-200: #d5d4ce;
--color-ironside-grey-300: #b9b7b0;
--color-ironside-grey-400: #a09e96;
--color-ironside-grey-500: #88867d;
--color-ironside-grey-600: #73726a;
--color-ironside-grey-700: #5c5b55;
--color-ironside-grey-800: #44423e;
--color-ironside-grey-900: #2f2e2a;
--color-ironside-grey-950: #1b1b18;
}SCSS
$ironside-grey: #706e66;
$ironside-grey-rgb: 112, 110, 102;
$ironside-grey-light: mix(#fff, $ironside-grey, 20%);
$ironside-grey-dark: mix(#000, $ironside-grey, 20%);
.element {
color: $ironside-grey;
box-shadow: 0 0 0 2px rgba($ironside-grey, 0.35);
}