Named color · #5A382D
Terra Brun
Terra Brun is #5A382D: rgb(90 56 45), hsl(15 33% 26%), oklch(0.378 0.052 38.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Terra Brun color name →
#5A382D
oklch(0.378 0.052 38.7)
Color conversions
- HEX
- #5a382d
- RGB
- rgb(90 56 45)
- HSL
- hsl(15 33% 26%)
- HWB
- hwb(15 18% 65%)
- OKLCH
- oklch(0.378 0.052 38.7)
- OKLab
- oklab(0.378 0.041 0.033)
- CIE Lab
- lab(27.49 14.54 13.47)
- LCH
- lch(27.49 19.82 42.8)
- CMYK
- cmyk(0% 38% 50% 65%)
Tints · Shades · Tones
Tints
- 6A4A3F
- 7A5C53
- 8A6F66
- 9A827B
- AA968F
- BBAAA5
- CCBFBB
- DDD4D1
- EEE9E8
Shades
- 4D2F26
- 41271F
- 351F18
- 291711
- 1E0F0B
- 130806
- 090402
- 030101
- 000000
Tones
- 5E3F35
- 62463D
- 664D45
- 6A544D
- 6E5B55
- 72635E
- 756A66
- 79716F
- 7D7977
Color harmonies
Complementary +180°
- 5A382D
Terra Brun
- 1C4955
≈ Ethereal Dance
Analogous -30° +30°
- 5A382D
Terra Brun
- 5A363C
≈ Sassafras
- 543D22
≈ Clove Yellow Brown
Triadic +120° +240°
- 5A382D
Terra Brun
- 284A38
≈ Springbok Green
- 3C3F5E
≈ Church Blue
Split-complementary +150° +210°
- 5A382D
Terra Brun
- 1A4B47
≈ Nighthawks
- 2B445D
≈ Moonlit Ocean
Tetradic +90° +180° +270°
- 5A382D
Terra Brun
- 394729
≈ Palm Leaf
- 1C4955
≈ Ethereal Dance
- 4A3A57
≈ Purple Velvet
Contrast & accessibility
Ag
AAAOn white
WCAG 10.30:1 · APCA Lc 94
Ag
FailOn black
WCAG 2.03:1 · APCA Lc 9
Best text color: #FFFFFF
WCAG 10.30:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--terra-brun: #5a382d;
--terra-brun-rgb: 90 56 45;
--terra-brun-oklch: oklch(0.378 0.052 38.7);
}
.element {
color: var(--terra-brun);
background-color: hsl(15 33% 26%);
border-color: oklch(0.378 0.052 38.7);
}Tailwind CSS v4
@theme {
--color-terra-brun: #5a382d;
--color-terra-brun-50: #fff1ea;
--color-terra-brun-100: #f8e3db;
--color-terra-brun-200: #e9cdc4;
--color-terra-brun-300: #d0afa3;
--color-terra-brun-400: #bb9488;
--color-terra-brun-500: #a57b6d;
--color-terra-brun-600: #8c685c;
--color-terra-brun-700: #70534a;
--color-terra-brun-800: #533c36;
--color-terra-brun-900: #3a2925;
--color-terra-brun-950: #241713;
}SCSS
$terra-brun: #5a382d;
$terra-brun-rgb: 90, 56, 45;
$terra-brun-light: mix(#fff, $terra-brun, 20%);
$terra-brun-dark: mix(#000, $terra-brun, 20%);
.element {
color: $terra-brun;
box-shadow: 0 0 0 2px rgba($terra-brun, 0.35);
}