Benannte Farbe · #6A6B67
Iron-ic
Iron-ic ist #6A6B67: rgb(106 107 103), hsl(75 2% 41%), oklch(0.526 0.006 118). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Iron-ic color name →
#6A6B67
oklch(0.526 0.006 118)
Farbumrechnungen
- HEX
- #6a6b67
- RGB
- rgb(106 107 103)
- HSL
- hsl(75 2% 41%)
- HWB
- hwb(75 40% 58%)
- OKLCH
- oklch(0.526 0.006 118)
- OKLab
- oklab(0.526 -0.003 0.006)
- CIE Lab
- lab(45.04 -1.01 2.11)
- LCH
- lch(45.04 2.33 115.5)
- CMYK
- cmyk(1% 0% 4% 58%)
Tints · Shades · Tones
Tints
- 787975
- 868783
- 949592
- A3A3A1
- B2B2B0
- C1C1BF
- D0D0CF
- DFE0DF
- EFEFEF
Shades
- 5B5C59
- 4D4E4B
- 3F3F3D
- 313230
- 242523
- 181817
- 0D0D0C
- 040404
- 000000
Tones
- 6C6D69
- 6E6F6C
- 71716E
- 737371
- 757573
- 777876
- 797A78
- 7C7C7B
- 7E7E7D
Farbharmonien
Komplementär +180°
- 6A6B67
Iron-ic
- 6B6A6E
≈ Plum Charcoal
Analog -30° +30°
- 6A6B67
Iron-ic
- 6C6A66
≈ Volcanic Rock
- 686C68
≈ Lunar Basalt
Triadisch +120° +240°
- 6A6B67
Iron-ic
- 676B6E
≈ Liberty Bell Grey
- 6E696A
≈ Grey Charcoal
Geteilt komplementär +150° +210°
- 6A6B67
Iron-ic
- 696A6E
≈ Plum Charcoal
- 6D696C
≈ Scapa Flow
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.36:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.91:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.36:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--iron-ic: #6a6b67;
--iron-ic-rgb: 106 107 103;
--iron-ic-oklch: oklch(0.526 0.006 118);
}
.element {
color: var(--iron-ic);
background-color: hsl(75 2% 41%);
border-color: oklch(0.526 0.006 118);
}Tailwind CSS v4
@theme {
--color-iron-ic: #6a6b67;
--color-iron-ic-50: #f5f5f3;
--color-iron-ic-100: #e7e8e6;
--color-iron-ic-200: #d4d5d2;
--color-iron-ic-300: #b7b8b4;
--color-iron-ic-400: #9e9f9b;
--color-iron-ic-500: #868782;
--color-iron-ic-600: #71726e;
--color-iron-ic-700: #5a5b58;
--color-iron-ic-800: #424340;
--color-iron-ic-900: #2e2e2c;
--color-iron-ic-950: #1a1b19;
}SCSS
$iron-ic: #6a6b67;
$iron-ic-rgb: 106, 107, 103;
$iron-ic-light: mix(#fff, $iron-ic, 20%);
$iron-ic-dark: mix(#000, $iron-ic, 20%);
.element {
color: $iron-ic;
box-shadow: 0 0 0 2px rgba($iron-ic, 0.35);
}