#142736 Color (Hex and RGB)
#142736
#142736 has RGB values (20, 39, 54). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #142736 | R14G27B36 | |
| RGB | rgb(20 39 54) | R20G39B54 | |
| HSL | hsl(206 46% 15%) | H206°S46%L15% | |
| OKLCH | oklch(26% 0.04 244) | L0.26C0.04H244° | |
| HSV | hsv(206, 63%, 21%) | H206°S63%V21% | |
| CMYK | cmyk(63%, 28%, 0%, 79%) | C63%M28%Y0%K79% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00010100 | 00100111 | 00110110 |
| Octal | 24 | 47 | 66 |
| Decimal | 20 | 39 | 54 |
| Hex | 14 | 27 | 36 |
Shades & tints
Shades mix #142736 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1427360%
- #1224319%
- #11202D17%
- #0F1D2826%
- #0D1A2434%
- #0C161F43%
- #0A131A51%
- #08101659%
- #060C1168%
- #05090D77%
- #03060885%
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
#142736 on #FFFFFF
15.29:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#142736 on #000000
1.37:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #142736
15.29:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #142736
1.37:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #142736; - Background
background-color: #142736; - CSS variable
--color-142736: #142736; - Modern CSS
color: oklch(26% 0.04 244); - SCSS
$color-142736: #142736; - Tailwind
bg-[#142736] text-[#142736] - HTML
<div style="background-color: #142736"></div>