#36454F Color (Hex and RGB)
#36454F
#36454f has RGB values (54, 69, 79). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #36454F | R36G45B4F | |
| RGB | rgb(54 69 79) | R54G69B79 | |
| HSL | hsl(204 19% 26%) | H204°S19%L26% | |
| OKLCH | oklch(38% 0.03 238) | L0.38C0.03H238° | |
| HSV | hsv(204, 32%, 31%) | H204°S32%V31% | |
| CMYK | cmyk(32%, 13%, 0%, 69%) | C32%M13%Y0%K69% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00110110 | 01000101 | 01001111 |
| Octal | 66 | 105 | 117 |
| Decimal | 54 | 69 | 79 |
| Hex | 36 | 45 | 4f |
Shades & tints
Shades mix #36454F with black; tints mix it with white. Click any swatch to explore it.
Shades
- #36454F0%
- #313F489%
- #2D394217%
- #28333B26%
- #242E3434%
- #1F282D43%
- #1A222751%
- #161C2059%
- #11161968%
- #0D101377%
- #080A0C85%
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
#36454F on #FFFFFF
9.90:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#36454F on #000000
2.12:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #36454F
9.90:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #36454F
2.12:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #36454f; - Background
background-color: #36454f; - CSS variable
--color-36454f: #36454f; - Modern CSS
color: oklch(38% 0.03 238); - SCSS
$color-36454f: #36454f; - Tailwind
bg-[#36454f] text-[#36454f] - HTML
<div style="background-color: #36454f"></div>