Named color · #520200
Umbral Umber
Umbral Umber is #520200: rgb(82 2 0), hsl(1 100% 16%), oklch(0.277 0.111 30). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Umbral Umber color name →
#520200
oklch(0.277 0.111 30)
Color conversions
- HEX
- #520200
- RGB
- rgb(82 2 0)
- HSL
- hsl(1 100% 16%)
- HWB
- hwb(1 0% 68%)
- OKLCH
- oklch(0.277 0.111 30)
- OKLab
- oklab(0.277 0.096 0.056)
- CIE Lab
- lab(15.07 34.78 23.65)
- LCH
- lch(15.07 42.06 34.2)
- CMYK
- cmyk(0% 98% 100% 68%)
Tints · Shades · Tones
Tints
- 652018
- 77392F
- 885047
- 9A675F
- AB7F78
- BC9892
- CDB1AC
- DECAC7
- EEE5E3
Shades
- 460100
- 3B0100
- 2F0100
- 250000
- 1A0000
- 110000
- 080000
- 020000
- 000000
Tones
- 58150D
- 5E231B
- 642F27
- 693B33
- 6E4640
- 72524C
- 765D59
- 7A6966
- 7D7473
Color harmonies
Complementary +180°
- 520200
Umbral Umber
- 002E35
≈ Black Chasm
Analogous -30° +30°
- 520200
Umbral Umber
- 4F0126
≈ Fig Balsamic
- 3F1F00
≈ Dark Ebony
Triadic +120° +240°
- 520200
Umbral Umber
- 003212
≈ Haunted Hills
- 151F5E
≈ Fibonacci Blue
Split-complementary +150° +210°
- 520200
Umbral Umber
- 003029
≈ Fence Green
- 002B44
≈ Murky Depths
Tetradic +90° +180° +270°
- 520200
Umbral Umber
- 242C00
≈ Blind Forest
- 002E35
≈ Black Chasm
- 321455
≈ Vanishing
Contrast & accessibility
Ag
AAAOn white
WCAG 15.35:1 · APCA Lc 101
Ag
FailOn black
WCAG 1.36:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 15.35:1 (AAA) · APCA Lc 101
Contrast pairs
Code snippets
CSS
:root {
--umbral-umber: #520200;
--umbral-umber-rgb: 82 2 0;
--umbral-umber-oklch: oklch(0.277 0.111 30);
}
.element {
color: var(--umbral-umber);
background-color: hsl(1 100% 16%);
border-color: oklch(0.277 0.111 30);
}Tailwind CSS v4
@theme {
--color-umbral-umber: #520200;
--color-umbral-umber-50: #ffeae2;
--color-umbral-umber-100: #ffdbd1;
--color-umbral-umber-200: #ffc3b7;
--color-umbral-umber-300: #eba394;
--color-umbral-umber-400: #d88577;
--color-umbral-umber-500: #c56759;
--color-umbral-umber-600: #a6584c;
--color-umbral-umber-700: #86463c;
--color-umbral-umber-800: #63322c;
--color-umbral-umber-900: #46221e;
--color-umbral-umber-950: #2d110e;
}SCSS
$umbral-umber: #520200;
$umbral-umber-rgb: 82, 2, 0;
$umbral-umber-light: mix(#fff, $umbral-umber, 20%);
$umbral-umber-dark: mix(#000, $umbral-umber, 20%);
.element {
color: $umbral-umber;
box-shadow: 0 0 0 2px rgba($umbral-umber, 0.35);
}