Benannte Farbe · #4D3B3C
Burnt Bamboo
Burnt Bamboo ist #4D3B3C: rgb(77 59 60), hsl(357 13% 27%), oklch(0.372 0.025 14.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Burnt Bamboo color name →
#4D3B3C
oklch(0.372 0.025 14.6)
Farbumrechnungen
- HEX
- #4d3b3c
- RGB
- rgb(77 59 60)
- HSL
- hsl(357 13% 27%)
- HWB
- hwb(357 23% 70%)
- OKLCH
- oklch(0.372 0.025 14.6)
- OKLab
- oklab(0.372 0.025 0.006)
- CIE Lab
- lab(26.91 8.31 2.57)
- LCH
- lch(26.91 8.7 17.2)
- CMYK
- cmyk(0% 23% 22% 70%)
Tints · Shades · Tones
Tints
- 5D4C4D
- 6E5E5F
- 7F7171
- 908484
- A29798
- B4ABAB
- C6BFC0
- D9D4D4
- ECE9EA
Shades
- 423233
- 37292A
- 2C2121
- 221919
- 181111
- 0F090A
- 070404
- 020101
- 000000
Tones
- 524242
- 574849
- 5C4F4F
- 615656
- 665D5D
- 6B6364
- 716A6B
- 767272
- 7B7979
Farbharmonien
Komplementär +180°
- 4D3B3C
Burnt Bamboo
- 304544
≈ Firefly
Analog -30° +30°
- 4D3B3C
Burnt Bamboo
- 4B3B43
≈ Pitch Black
- 4C3C35
≈ Slate Black
Triadisch +120° +240°
- 4D3B3C
Burnt Bamboo
- 3B4436
≈ Arame Seaweed Green
- 37414E
≈ Midnight Navy
Geteilt komplementär +150° +210°
- 4D3B3C
Burnt Bamboo
- 34453D
≈ Bracken Fern
- 32434B
≈ Gale Force
Tetradisch +90° +180° +270°
- 4D3B3C
Burnt Bamboo
- 424132
≈ I R Dark Green
- 304544
≈ Firefly
- 3F3F4E
≈ Blueberry Tart
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.46:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 2.00:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.46:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--burnt-bamboo: #4d3b3c;
--burnt-bamboo-rgb: 77 59 60;
--burnt-bamboo-oklch: oklch(0.372 0.025 14.6);
}
.element {
color: var(--burnt-bamboo);
background-color: hsl(357 13% 27%);
border-color: oklch(0.372 0.025 14.6);
}Tailwind CSS v4
@theme {
--color-burnt-bamboo: #4d3b3c;
--color-burnt-bamboo-50: #fcf2f2;
--color-burnt-bamboo-100: #f0e5e5;
--color-burnt-bamboo-200: #dfd0d0;
--color-burnt-bamboo-300: #c4b2b3;
--color-burnt-bamboo-400: #ad999a;
--color-burnt-bamboo-500: #968081;
--color-burnt-bamboo-600: #7f6c6d;
--color-burnt-bamboo-700: #665657;
--color-burnt-bamboo-800: #4b3f40;
--color-burnt-bamboo-900: #342b2c;
--color-burnt-bamboo-950: #1f1919;
}SCSS
$burnt-bamboo: #4d3b3c;
$burnt-bamboo-rgb: 77, 59, 60;
$burnt-bamboo-light: mix(#fff, $burnt-bamboo, 20%);
$burnt-bamboo-dark: mix(#000, $burnt-bamboo, 20%);
.element {
color: $burnt-bamboo;
box-shadow: 0 0 0 2px rgba($burnt-bamboo, 0.35);
}