#36495A Color (Hex and RGB)
#36495A
#36495a has RGB values (54, 73, 90). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #36495A | R36G49B5A | |
| RGB | rgb(54 73 90) | R54G73B90 | |
| HSL | hsl(208 25% 28%) | H208°S25%L28% | |
| OKLCH | oklch(40% 0.04 246) | L0.4C0.04H246° | |
| HSV | hsv(208, 40%, 35%) | H208°S40%V35% | |
| CMYK | cmyk(40%, 19%, 0%, 65%) | C40%M19%Y0%K65% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00110110 | 01001001 | 01011010 |
| Octal | 66 | 111 | 132 |
| Decimal | 54 | 73 | 90 |
| Hex | 36 | 49 | 5a |
Shades & tints
Shades mix #36495A with black; tints mix it with white. Click any swatch to explore it.
Shades
- #36495A0%
- #3143529%
- #2D3D4B17%
- #28364326%
- #24303B34%
- #1F2A3443%
- #1A242C51%
- #161E2459%
- #11171D68%
- #0D111577%
- #080B0E85%
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
#36495A on #FFFFFF
9.30:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#36495A on #000000
2.26:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #36495A
9.30:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #36495A
2.26:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #36495a; - Background
background-color: #36495a; - CSS variable
--color-36495a: #36495a; - Modern CSS
color: oklch(40% 0.04 246); - SCSS
$color-36495a: #36495a; - Tailwind
bg-[#36495a] text-[#36495a] - HTML
<div style="background-color: #36495a"></div>