#143E50 Color (Hex and RGB)
#143E50
#143e50 has RGB values (20, 62, 80). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #143E50 | R14G3EB50 | |
| RGB | rgb(20 62 80) | R20G62B80 | |
| HSL | hsl(198 60% 20%) | H198°S60%L20% | |
| OKLCH | oklch(34% 0.06 230) | L0.34C0.06H230° | |
| HSV | hsv(198, 75%, 31%) | H198°S75%V31% | |
| CMYK | cmyk(75%, 22%, 0%, 69%) | C75%M22%Y0%K69% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00010100 | 00111110 | 01010000 |
| Octal | 24 | 76 | 120 |
| Decimal | 20 | 62 | 80 |
| Hex | 14 | 3e | 50 |
Shades & tints
Shades mix #143E50 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #143E500%
- #1239499%
- #11334217%
- #0F2E3C26%
- #0D293534%
- #0C242E43%
- #0A1E2751%
- #08192059%
- #06141A68%
- #050F1377%
- #03090C85%
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
#143E50 on #FFFFFF
11.45:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#143E50 on #000000
1.83:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #143E50
11.45:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #143E50
1.83:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #143e50; - Background
background-color: #143e50; - CSS variable
--color-143e50: #143e50; - Modern CSS
color: oklch(34% 0.06 230); - SCSS
$color-143e50: #143e50; - Tailwind
bg-[#143e50] text-[#143e50] - HTML
<div style="background-color: #143e50"></div>