#0EA5C9 Color (Hex and RGB)
#0EA5C9
#0ea5c9 has RGB values (14, 165, 201). The color reads primarily as blue in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #0EA5C9 | R0EGA5BC9 | |
| RGB | rgb(14 165 201) | R14G165B201 | |
| HSL | hsl(192 87% 42%) | H192°S87%L42% | |
| OKLCH | oklch(67% 0.12 221) | L0.67C0.12H221° | |
| HSV | hsv(192, 93%, 79%) | H192°S93%V79% | |
| CMYK | cmyk(93%, 18%, 0%, 21%) | C93%M18%Y0%K21% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00001110 | 10100101 | 11001001 |
| Octal | 16 | 245 | 311 |
| Decimal | 14 | 165 | 201 |
| Hex | 0e | a5 | c9 |
Shades & tints
Shades mix #0EA5C9 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #0EA5C90%
- #0D97B89%
- #0C89A717%
- #0A7B9626%
- #096D8534%
- #085F7443%
- #07516251%
- #06435159%
- #04354068%
- #03272F77%
- #02191E85%
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
#0EA5C9 on #FFFFFF
2.90:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#0EA5C9 on #000000
7.24:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #0EA5C9
2.90:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #0EA5C9
7.24:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #0ea5c9; - Background
background-color: #0ea5c9; - CSS variable
--color-0ea5c9: #0ea5c9; - Modern CSS
color: oklch(67% 0.12 221); - SCSS
$color-0ea5c9: #0ea5c9; - Tailwind
bg-[#0ea5c9] text-[#0ea5c9] - HTML
<div style="background-color: #0ea5c9"></div>