#183949 Color (Hex and RGB)
#183949
#183949 has RGB values (24, 57, 73). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #183949 | R18G39B49 | |
| RGB | rgb(24 57 73) | R24G57B73 | |
| HSL | hsl(200 51% 19%) | H200°S51%L19% | |
| OKLCH | oklch(33% 0.05 232) | L0.33C0.05H232° | |
| HSV | hsv(200, 67%, 29%) | H200°S67%V29% | |
| CMYK | cmyk(67%, 22%, 0%, 71%) | C67%M22%Y0%K71% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00011000 | 00111001 | 01001001 |
| Octal | 30 | 71 | 111 |
| Decimal | 24 | 57 | 73 |
| Hex | 18 | 39 | 49 |
Shades & tints
Shades mix #183949 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1839490%
- #1634439%
- #142F3D17%
- #122A3626%
- #10263034%
- #0E212A43%
- #0C1C2451%
- #0A171E59%
- #08121768%
- #060D1177%
- #04090B85%
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
#183949 on #FFFFFF
12.21:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#183949 on #000000
1.72:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #183949
12.21:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #183949
1.72:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #183949; - Background
background-color: #183949; - CSS variable
--color-183949: #183949; - Modern CSS
color: oklch(33% 0.05 232); - SCSS
$color-183949: #183949; - Tailwind
bg-[#183949] text-[#183949] - HTML
<div style="background-color: #183949"></div>