Benannte Farbe · #2D383A
Far Away Grey
Far Away Grey ist #2D383A: rgb(45 56 58), hsl(189 13% 20%), oklch(0.331 0.015 209.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Far Away Grey color name →
#2D383A
oklch(0.331 0.015 209.8)
Farbumrechnungen
- HEX
- #2d383a
- RGB
- rgb(45 56 58)
- HSL
- hsl(189 13% 20%)
- HWB
- hwb(189 18% 77%)
- OKLCH
- oklch(0.331 0.015 209.8)
- OKLab
- oklab(0.331 -0.013 -0.008)
- CIE Lab
- lab(22.57 -4.36 -2.87)
- LCH
- lch(22.57 5.21 213.4)
- CMYK
- cmyk(22% 3% 0% 77%)
Tints · Shades · Tones
Tints
- 3F494B
- 525B5D
- 666E70
- 7A8183
- 8F9596
- A4AAAA
- BABEBF
- D1D3D4
- E8E9E9
Shades
- 262F31
- 1F2728
- 181F20
- 111718
- 0B0F10
- 060809
- 020404
- 010101
- 000000
Tones
- 353F41
- 3D4647
- 454D4E
- 4D5455
- 555B5C
- 5D6263
- 66696A
- 6E7171
- 777879
Farbharmonien
Komplementär +180°
- 2D383A
Far Away Grey
- 3D3331
≈ Black Coffee
Analog -30° +30°
- 2D383A
Far Away Grey
- 2E3836
≈ Jet Set
- 2F373D
≈ Blue Plaza
Triadisch +120° +240°
- 2D383A
Far Away Grey
- 3A3339
≈ Deep Forest Brown
- 39362D
≈ Rosin
Geteilt komplementär +150° +210°
- 2D383A
Far Away Grey
- 3D3335
≈ Black Coffee
- 3C342E
≈ Six Feet Under
Tetradisch +90° +180° +270°
- 2D383A
Far Away Grey
- 37343D
≈ Persian Prince
- 3D3331
≈ Black Coffee
- 35372E
≈ Matcha Ash
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.08:1 · APCA Lc 98
Ag
FailAuf Schwarz
WCAG 1.73:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.08:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--far-away-grey: #2d383a;
--far-away-grey-rgb: 45 56 58;
--far-away-grey-oklch: oklch(0.331 0.015 209.8);
}
.element {
color: var(--far-away-grey);
background-color: hsl(189 13% 20%);
border-color: oklch(0.331 0.015 209.8);
}Tailwind CSS v4
@theme {
--color-far-away-grey: #2d383a;
--color-far-away-grey-50: #f0f6f8;
--color-far-away-grey-100: #e2e9eb;
--color-far-away-grey-200: #cdd6d8;
--color-far-away-grey-300: #afbabc;
--color-far-away-grey-400: #95a1a3;
--color-far-away-grey-500: #7b898c;
--color-far-away-grey-600: #687476;
--color-far-away-grey-700: #535d5f;
--color-far-away-grey-800: #3d4445;
--color-far-away-grey-900: #2a2f30;
--color-far-away-grey-950: #171b1c;
}SCSS
$far-away-grey: #2d383a;
$far-away-grey-rgb: 45, 56, 58;
$far-away-grey-light: mix(#fff, $far-away-grey, 20%);
$far-away-grey-dark: mix(#000, $far-away-grey, 20%);
.element {
color: $far-away-grey;
box-shadow: 0 0 0 2px rgba($far-away-grey, 0.35);
}