Benannte Farbe · #2B3230
Woodsmoke
Woodsmoke ist #2B3230: rgb(43 50 48), hsl(163 8% 18%), oklch(0.31 0.01 176.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Woodsmoke color name →
#2B3230
oklch(0.31 0.01 176.6)
Farbumrechnungen
- HEX
- #2b3230
- RGB
- rgb(43 50 48)
- HSL
- hsl(163 8% 18%)
- HWB
- hwb(163 17% 80%)
- OKLCH
- oklch(0.31 0.01 176.6)
- OKLab
- oklab(0.31 -0.01 0.001)
- CIE Lab
- lab(20.06 -3.5 0.2)
- LCH
- lch(20.06 3.5 176.7)
- CMYK
- cmyk(14% 0% 4% 80%)
Tints · Shades · Tones
Tints
- 3D4442
- 505654
- 646968
- 787D7C
- 8D9290
- A3A7A6
- B9BCBB
- D0D2D1
- E7E8E8
Shades
- 242A28
- 1D2221
- 161B1A
- 101413
- 0A0D0C
- 050706
- 020303
- 010101
- 000000
Tones
- 333937
- 3B413F
- 434847
- 4B504E
- 545756
- 5C5F5E
- 656767
- 6E6F6F
- 777877
Farbharmonien
Komplementär +180°
- 2B3230
Woodsmoke
- 352E30
≈ Night Rider
Analog -30° +30°
- 2B3230
Woodsmoke
- 2D322D
≈ Terminal Black
- 2A3233
≈ Woodsmoke
Triadisch +120° +240°
- 2B3230
Woodsmoke
- 312F35
≈ Smiler’s Mist
- 342F2B
≈ Holy Crow
Geteilt komplementär +150° +210°
- 2B3230
Woodsmoke
- 332E33
≈ Lava Black
- 352E2D
≈ Night Rider
Tetradisch +90° +180° +270°
- 2B3230
Woodsmoke
- 2E3036
≈ Suit Blue
- 352E30
≈ Night Rider
- 32302A
≈ Dryad Bark
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.11:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.60:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.11:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--woodsmoke: #2b3230;
--woodsmoke-rgb: 43 50 48;
--woodsmoke-oklch: oklch(0.31 0.01 176.6);
}
.element {
color: var(--woodsmoke);
background-color: hsl(163 8% 18%);
border-color: oklch(0.31 0.01 176.6);
}Tailwind CSS v4
@theme {
--color-woodsmoke: #2b3230;
--color-woodsmoke-50: #f2f6f5;
--color-woodsmoke-100: #e4e9e8;
--color-woodsmoke-200: #d0d6d4;
--color-woodsmoke-300: #b2b9b7;
--color-woodsmoke-400: #98a09e;
--color-woodsmoke-500: #7f8886;
--color-woodsmoke-600: #6c7371;
--color-woodsmoke-700: #565c5b;
--color-woodsmoke-800: #3f4442;
--color-woodsmoke-900: #2b2f2e;
--color-woodsmoke-950: #191b1a;
}SCSS
$woodsmoke: #2b3230;
$woodsmoke-rgb: 43, 50, 48;
$woodsmoke-light: mix(#fff, $woodsmoke, 20%);
$woodsmoke-dark: mix(#000, $woodsmoke, 20%);
.element {
color: $woodsmoke;
box-shadow: 0 0 0 2px rgba($woodsmoke, 0.35);
}