#364395 Color (Hex and RGB)
#364395
#364395 has RGB values (54, 67, 149). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #364395 | R36G43B95 | |
| RGB | rgb(54 67 149) | R54G67B149 | |
| HSL | hsl(232 47% 40%) | H232°S47%L40% | |
| OKLCH | oklch(42% 0.13 272) | L0.42C0.13H272° | |
| HSV | hsv(232, 64%, 58%) | H232°S64%V58% | |
| CMYK | cmyk(64%, 55%, 0%, 42%) | C64%M55%Y0%K42% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00110110 | 01000011 | 10010101 |
| Octal | 66 | 103 | 225 |
| Decimal | 54 | 67 | 149 |
| Hex | 36 | 43 | 95 |
Shades & tints
Shades mix #364395 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3643950%
- #313D889%
- #2D387C17%
- #28326F26%
- #242C6234%
- #1F275643%
- #1A214951%
- #161B3C59%
- #11153068%
- #0D102377%
- #080A1685%
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
#364395 on #FFFFFF
8.77:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#364395 on #000000
2.39:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #364395
8.77:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #364395
2.39:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #364395; - Background
background-color: #364395; - CSS variable
--color-364395: #364395; - Modern CSS
color: oklch(42% 0.13 272); - SCSS
$color-364395: #364395; - Tailwind
bg-[#364395] text-[#364395] - HTML
<div style="background-color: #364395"></div>