#203143 Color (Hex and RGB)
#203143
#203143 has RGB values (32, 49, 67). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #203143 | R20G31B43 | |
| RGB | rgb(32 49 67) | R32G49B67 | |
| HSL | hsl(211 35% 19%) | H211°S35%L19% | |
| OKLCH | oklch(31% 0.04 251) | L0.31C0.04H251° | |
| HSV | hsv(211, 52%, 26%) | H211°S52%V26% | |
| CMYK | cmyk(52%, 27%, 0%, 74%) | C52%M27%Y0%K74% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00100000 | 00110001 | 01000011 |
| Octal | 40 | 61 | 103 |
| Decimal | 32 | 49 | 67 |
| Hex | 20 | 31 | 43 |
Shades & tints
Shades mix #203143 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #2031430%
- #1D2D3D9%
- #1B293817%
- #18253226%
- #15202C34%
- #121C2743%
- #10182151%
- #0D141B59%
- #0A101568%
- #080C1077%
- #05070A85%
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
#203143 on #FFFFFF
13.28:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#203143 on #000000
1.58:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #203143
13.28:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #203143
1.58:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #203143; - Background
background-color: #203143; - CSS variable
--color-203143: #203143; - Modern CSS
color: oklch(31% 0.04 251); - SCSS
$color-203143: #203143; - Tailwind
bg-[#203143] text-[#203143] - HTML
<div style="background-color: #203143"></div>