#553B08 Color (Hex and RGB)
#553B08
#553b08 has RGB values (85, 59, 8). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #553B08 | R55G3BB08 | |
| RGB | rgb(85 59 8) | R85G59B8 | |
| HSL | hsl(40 83% 18%) | H40°S83%L18% | |
| OKLCH | oklch(37% 0.07 79) | L0.37C0.07H79° | |
| HSV | hsv(40, 91%, 33%) | H40°S91%V33% | |
| CMYK | cmyk(0%, 31%, 91%, 67%) | C0%M31%Y91%K67% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01010101 | 00111011 | 00001000 |
| Octal | 125 | 73 | 10 |
| Decimal | 85 | 59 | 8 |
| Hex | 55 | 3b | 08 |
Shades & tints
Shades mix #553B08 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #553B080%
- #4E36079%
- #47310717%
- #3F2C0626%
- #38270534%
- #31220543%
- #2A1D0451%
- #22180359%
- #1B130368%
- #140E0277%
- #0D090185%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#553B08 on #FFFFFF
10.42:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#553B08 on #000000
2.02:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #553B08
10.42:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #553B08
2.02:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #553b08; - Background
background-color: #553b08; - CSS variable
--color-553b08: #553b08; - Modern CSS
color: oklch(37% 0.07 79); - SCSS
$color-553b08: #553b08; - Tailwind
bg-[#553b08] text-[#553b08] - HTML
<div style="background-color: #553b08"></div>