#124191 Color (Hex and RGB)
#124191
#124191 has RGB values (18, 65, 145). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #124191 | R12G41B91 | |
| RGB | rgb(18 65 145) | R18G65B145 | |
| HSL | hsl(218 78% 32%) | H218°S78%L32% | |
| OKLCH | oklch(40% 0.14 261) | L0.4C0.14H261° | |
| HSV | hsv(218, 88%, 57%) | H218°S88%V57% | |
| CMYK | cmyk(88%, 55%, 0%, 43%) | C88%M55%Y0%K43% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00010010 | 01000001 | 10010001 |
| Octal | 22 | 101 | 221 |
| Decimal | 18 | 65 | 145 |
| Hex | 12 | 41 | 91 |
Shades & tints
Shades mix #124191 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #1241910%
- #103B859%
- #0F367817%
- #0D306C26%
- #0C2B6034%
- #0A255343%
- #09204751%
- #071A3B59%
- #06152E68%
- #040F2277%
- #030A1685%
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
#124191 on #FFFFFF
9.59:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#124191 on #000000
2.19:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #124191
9.59:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #124191
2.19:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #124191; - Background
background-color: #124191; - CSS variable
--color-124191: #124191; - Modern CSS
color: oklch(40% 0.14 261); - SCSS
$color-124191: #124191; - Tailwind
bg-[#124191] text-[#124191] - HTML
<div style="background-color: #124191"></div>