Named color · #735D4B
Sumatra Blend
Sumatra Blend is #735D4B: rgb(115 93 75), hsl(27 21% 37%), oklch(0.495 0.04 61). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Sumatra Blend color name →
#735D4B
oklch(0.495 0.04 61)
Color conversions
- HEX
- #735d4b
- RGB
- rgb(115 93 75)
- HSL
- hsl(27 21% 37%)
- HWB
- hwb(27 29% 55%)
- OKLCH
- oklch(0.495 0.04 61)
- OKLab
- oklab(0.495 0.019 0.035)
- CIE Lab
- lab(41.36 7.16 13.93)
- LCH
- lch(41.36 15.66 62.8)
- CMYK
- cmyk(0% 19% 35% 55%)
Tints · Shades · Tones
Tints
- 806C5B
- 8E7B6C
- 9B8B7D
- A99B8F
- B7ABA1
- C5BBB3
- D3CCC6
- E2DDD8
- F0EEEC
Shades
- 635040
- 544335
- 45372B
- 362A21
- 281F17
- 1B140E
- 0F0A06
- 050302
- 010000
Tones
- 746050
- 766456
- 77675B
- 796B60
- 7A6E65
- 7B726B
- 7C7570
- 7E7975
- 7F7C7B
Color harmonies
Complementary +180°
- 735D4B
Sumatra Blend
- 4E6577
≈ Prairie Denim
Analogous -30° +30°
- 735D4B
Sumatra Blend
- 775A54
≈ Red Wattle Hog
- 6A6148
≈ Ochicha Latte
Triadic +120° +240°
- 735D4B
Sumatra Blend
- 486A63
≈ Riverbend
- 665D75
≈ Purple Passage
Split-complementary +150° +210°
- 735D4B
Sumatra Blend
- 47686F
≈ Azalea Leaf
- 596179
≈ Presumption
Tetradic +90° +180° +270°
- 735D4B
Sumatra Blend
- 526956
≈ Kale Green
- 4E6577
≈ Prairie Denim
- 705A6C
≈ Dark Purple Grey
Contrast & accessibility
Ag
AAOn white
WCAG 6.18:1 · APCA Lc 81
Ag
FailOn black
WCAG 3.39:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.18:1 (AA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--sumatra-blend: #735d4b;
--sumatra-blend-rgb: 115 93 75;
--sumatra-blend-oklch: oklch(0.495 0.04 61);
}
.element {
color: var(--sumatra-blend);
background-color: hsl(27 21% 37%);
border-color: oklch(0.495 0.04 61);
}Tailwind CSS v4
@theme {
--color-sumatra-blend: #735d4b;
--color-sumatra-blend-50: #fef3ea;
--color-sumatra-blend-100: #f2e5db;
--color-sumatra-blend-200: #e1d1c3;
--color-sumatra-blend-300: #c7b3a3;
--color-sumatra-blend-400: #b09a87;
--color-sumatra-blend-500: #9a816c;
--color-sumatra-blend-600: #826d5b;
--color-sumatra-blend-700: #685749;
--color-sumatra-blend-800: #4d3f35;
--color-sumatra-blend-900: #362c24;
--color-sumatra-blend-950: #211913;
}SCSS
$sumatra-blend: #735d4b;
$sumatra-blend-rgb: 115, 93, 75;
$sumatra-blend-light: mix(#fff, $sumatra-blend, 20%);
$sumatra-blend-dark: mix(#000, $sumatra-blend, 20%);
.element {
color: $sumatra-blend;
box-shadow: 0 0 0 2px rgba($sumatra-blend, 0.35);
}