#303538 Color (Hex and RGB)
#303538
#303538 has RGB values (48, 53, 56). The color reads primarily as gray in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #303538 | R30G35B38 | |
| RGB | rgb(48 53 56) | R48G53B56 | |
| HSL | hsl(202 8% 20%) | H202°S8%L20% | |
| OKLCH | oklch(33% 0.01 234) | L0.33C0.01H234° | |
| HSV | hsv(202, 14%, 22%) | H202°S14%V22% | |
| CMYK | cmyk(14%, 5%, 0%, 78%) | C14%M5%Y0%K78% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00110000 | 00110101 | 00111000 |
| Octal | 60 | 65 | 70 |
| Decimal | 48 | 53 | 56 |
| Hex | 30 | 35 | 38 |
Shades & tints
Shades mix #303538 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3035380%
- #2C30339%
- #282C2E17%
- #24272A26%
- #20232534%
- #1C1E2043%
- #181A1B51%
- #13151759%
- #0F111268%
- #0B0C0D77%
- #07080885%
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
#303538 on #FFFFFF
12.41:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#303538 on #000000
1.69:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #303538
12.41:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #303538
1.69:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #303538; - Background
background-color: #303538; - CSS variable
--color-303538: #303538; - Modern CSS
color: oklch(33% 0.01 234); - SCSS
$color-303538: #303538; - Tailwind
bg-[#303538] text-[#303538] - HTML
<div style="background-color: #303538"></div>