#0ea4e5 hex color

In a RGB color space, hex #0ea4e5 is composed of 5.5% red, 64.3% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 93.9% cyan, 28.4% magenta, 0% yellow and 10.2% black. It has a hue angle of 198.1 degrees, a saturation of 88.5% and a lightness of 47.6%. #0ea4e5 color hex could be obtained by blending #1cffff with #0049cb. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 64
- B 90
RGB color chart
- C 94
- M 28
- Y 0
- K 10
CMYK color chart

● #0ea4e5 color description : Vivid blue.

The hexadecimal color #0ea4e5 has RGB values of R:14, G:164, B:229 and CMYK values of C:0.94, M:0.28, Y:0, K:0.1. Its decimal value is 959717.

Hex triplet	0ea4e5	`#0ea4e5`
RGB Decimal	14, 164, 229	`rgb(14,164,229)`
RGB Percent	5.5, 64.3, 89.8	`rgb(5.5%,64.3%,89.8%)`
CMYK	94, 28, 0, 10
HSL	198.1°, 88.5, 47.6	`hsl(198.1,88.5%,47.6%)`
HSV (or HSB)	198.1°, 93.9, 89.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.589, -11.972, -42.42
XYZ	27.596, 32.299, 78.904
xyY	0.199, 0.233, 32.299
CIE-LCH	63.589, 44.077, 254.24
CIE-LUV	63.589, -41.684, -66.236
Hunter-Lab	56.832, -12.782, -42.534
Binary	00001110, 10100100, 11100101

#0ea4e5
```
#0ea4e5 rgb(14,164,229)
```
#e54f0e
```
#e54f0e rgb(229,79,14)
```

Complementary Color

#0ee5bb
```
#0ee5bb rgb(14,229,187)
```
#0ea4e5
```
#0ea4e5 rgb(14,164,229)
```
#0e39e5
```
#0e39e5 rgb(14,57,229)
```

Analogous Color

#e5bb0e
```
#e5bb0e rgb(229,187,14)
```
#0ea4e5
```
#0ea4e5 rgb(14,164,229)
```
#e50e39
```
#e50e39 rgb(229,14,57)
```

Split Complementary Color

#a4e50e
```
#a4e50e rgb(164,229,14)
```
#0ea4e5
```
#0ea4e5 rgb(14,164,229)
```
#e50ea4
```
#e50ea4 rgb(229,14,164)
```

Triadic Color

#0ee54f
```
#0ee54f rgb(14,229,79)
```
#0ea4e5
```
#0ea4e5 rgb(14,164,229)
```
#e50ea4
```
#e50ea4 rgb(229,14,164)
```
#e54f0e
```
#e54f0e rgb(229,79,14)
```

Tetradic Color

#0a709d
```
#0a709d rgb(10,112,157)
```
#0b82b5
```
#0b82b5 rgb(11,130,181)
```
#0d93cd
```
#0d93cd rgb(13,147,205)
```
#0ea4e5
```
#0ea4e5 rgb(14,164,229)
```
#1bb0f1
```
#1bb0f1 rgb(27,176,241)
```
#33b9f3
```
#33b9f3 rgb(51,185,243)
```
#4bc1f4
```
#4bc1f4 rgb(75,193,244)
```

Monochromatic Color

Below, you can see some colors close to #0ea4e5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#0edae5
```
#0edae5 rgb(14,218,229)
```
#0ec8e5
```
#0ec8e5 rgb(14,200,229)
```
#0eb6e5
```
#0eb6e5 rgb(14,182,229)
```
#0ea4e5
```
#0ea4e5 rgb(14,164,229)
```
#0e92e5
```
#0e92e5 rgb(14,146,229)
```
#0e80e5
```
#0e80e5 rgb(14,128,229)
```
#0e6ee5
```
#0e6ee5 rgb(14,110,229)
```

Similar Colors

Text with hexadecimal color #0ea4e5

This text has a font color of #0ea4e5.

<span style="color:#0ea4e5;">Text here</span>

#0ea4e5 background color

This paragraph has a background color of #0ea4e5.

<p style="background-color:#0ea4e5;">Content here</p>

#0ea4e5 border color

This element has a border color of #0ea4e5.

<div style="border:1px solid #0ea4e5;">Content here</div>

CSS codes

.text {color:#0ea4e5;}

.background {background-color:#0ea4e5;}

.border {border:1px solid #0ea4e5;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000507 is the darkest color, while #f4fbfe is the lightest one.

#000507
```
#000507 rgb(0,5,7)
```
#02121a
```
#02121a rgb(2,18,26)
```
#03202c
```
#03202c rgb(3,32,44)
```
#042d3f
```
#042d3f rgb(4,45,63)
```
#053a51
```
#053a51 rgb(5,58,81)
```
#064764
```
#064764 rgb(6,71,100)
```
#075576
```
#075576 rgb(7,85,118)
```
#086289
```
#086289 rgb(8,98,137)
```
#096f9b
```
#096f9b rgb(9,111,155)
```
#0b7cae
```
#0b7cae rgb(11,124,174)
```
#0c8ac0
```
#0c8ac0 rgb(12,138,192)
```
#0d97d3
```
#0d97d3 rgb(13,151,211)
```
#0ea4e5
```
#0ea4e5 rgb(14,164,229)
```

Shade Color Variation

#16aff1
```
#16aff1 rgb(22,175,241)
```
#28b5f2
```
#28b5f2 rgb(40,181,242)
```
#3bbbf3
```
#3bbbf3 rgb(59,187,243)
```
#4dc2f4
```
#4dc2f4 rgb(77,194,244)
```
#60c8f5
```
#60c8f5 rgb(96,200,245)
```
#72cef6
```
#72cef6 rgb(114,206,246)
```
#85d5f8
```
#85d5f8 rgb(133,213,248)
```
#97dbf9
```
#97dbf9 rgb(151,219,249)
```
#aae2fa
```
#aae2fa rgb(170,226,250)
```
#bce8fb
```
#bce8fb rgb(188,232,251)
```
#cfeefc
```
#cfeefc rgb(207,238,252)
```
#e1f5fd
```
#e1f5fd rgb(225,245,253)
```
#f4fbfe
```
#f4fbfe rgb(244,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757b7e is the less saturated color, while #05a8ee is the most saturated one.

#757b7e
```
#757b7e rgb(117,123,126)
```
#6b7f88
```
#6b7f88 rgb(107,127,136)
```
#628391
```
#628391 rgb(98,131,145)
```
#59869a
```
#59869a rgb(89,134,154)
```
#4f8aa4
```
#4f8aa4 rgb(79,138,164)
```
#468ead
```
#468ead rgb(70,142,173)
```
#3d92b6
```
#3d92b6 rgb(61,146,182)
```
#3395c0
```
#3395c0 rgb(51,149,192)
```
#2a99c9
```
#2a99c9 rgb(42,153,201)
```
#219dd2
```
#219dd2 rgb(33,157,210)
```
#17a0dc
```
#17a0dc rgb(23,160,220)
```
#0ea4e5
```
#0ea4e5 rgb(14,164,229)
```
#05a8ee
```
#05a8ee rgb(5,168,238)
```

Tone Color Variation

Below, you can see how #0ea4e5 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#7f7f7f Achromatopsia 0.005% of the population
#688693 Atypical Achromatopsia 0.001% of the population

Dichromacy

#889ddd Protanopia 1% of men
#769eea Deuteranopia 1% of men
#00aeba Tritanopia 0.001% of the population

Trichromacy

#5c9fe0 Protanomaly 1% of men, 0.01% of women
#50a0e8 Deuteranomaly 6% of men, 0.4% of women
#05aac9 Tritanomaly 0.01% of the population

#0ea4e5 hex color

#0ea4e5 Color Information

#0ea4e5 Color Conversion

Color Schemes with #0ea4e5

Alternatives to #0ea4e5

#0ea4e5 Preview

Shades and Tints of #0ea4e5

Tones of #0ea4e5

Color Blindness Simulator