Benannte Farbe · #4C4A41
Thorny Branch
Thorny Branch ist #4C4A41: rgb(76 74 65), hsl(49 8% 28%), oklch(0.408 0.015 96.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Thorny Branch color name →
#4C4A41
oklch(0.408 0.015 96.7)
Farbumrechnungen
- HEX
- #4c4a41
- RGB
- rgb(76 74 65)
- HSL
- hsl(49 8% 28%)
- HWB
- hwb(49 25% 70%)
- OKLCH
- oklch(0.408 0.015 96.7)
- OKLab
- oklab(0.408 -0.002 0.015)
- CIE Lab
- lab(31.43 -0.5 5.71)
- LCH
- lch(31.43 5.73 95)
- CMYK
- cmyk(0% 3% 14% 70%)
Tints · Shades · Tones
Tints
- 5C5A52
- 6D6B63
- 7E7C75
- 8F8E88
- A1A09B
- B3B2AE
- C5C5C2
- D8D8D6
- ECEBEA
Shades
- 413F37
- 36352E
- 2C2A25
- 22201C
- 181713
- 0F0E0B
- 060605
- 020201
- 000000
Tones
- 514F47
- 56544D
- 5B5A53
- 605F59
- 656460
- 6B6A66
- 706F6C
- 757573
- 7B7A79
Farbharmonien
Komplementär +180°
- 4C4A41
Thorny Branch
- 484952
≈ Limo-Scene
Analog -30° +30°
- 4C4A41
Thorny Branch
- 504842
≈ Black Fox
- 484B43
≈ Sensai Brown
Triadisch +120° +240°
- 4C4A41
Thorny Branch
- 414C4F
≈ Dead Forest
- 4F474D
≈ Extravagance
Geteilt komplementär +150° +210°
- 4C4A41
Thorny Branch
- 444B52
≈ Dead Forest
- 4C4850
≈ Extravagance
Tetradisch +90° +180° +270°
- 4C4A41
Thorny Branch
- 414D4B
≈ Urban Chic
- 484952
≈ Limo-Scene
- 514748
≈ Black Elegance
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.88:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.36:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.88:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--thorny-branch: #4c4a41;
--thorny-branch-rgb: 76 74 65;
--thorny-branch-oklch: oklch(0.408 0.015 96.7);
}
.element {
color: var(--thorny-branch);
background-color: hsl(49 8% 28%);
border-color: oklch(0.408 0.015 96.7);
}Tailwind CSS v4
@theme {
--color-thorny-branch: #4c4a41;
--color-thorny-branch-50: #f6f5f0;
--color-thorny-branch-100: #e9e8e2;
--color-thorny-branch-200: #d6d4cd;
--color-thorny-branch-300: #b9b8af;
--color-thorny-branch-400: #a19f95;
--color-thorny-branch-500: #89867b;
--color-thorny-branch-600: #747269;
--color-thorny-branch-700: #5d5b53;
--color-thorny-branch-800: #44423d;
--color-thorny-branch-900: #2f2e2a;
--color-thorny-branch-950: #1b1b17;
}SCSS
$thorny-branch: #4c4a41;
$thorny-branch-rgb: 76, 74, 65;
$thorny-branch-light: mix(#fff, $thorny-branch, 20%);
$thorny-branch-dark: mix(#000, $thorny-branch, 20%);
.element {
color: $thorny-branch;
box-shadow: 0 0 0 2px rgba($thorny-branch, 0.35);
}