#0ea5ed hex color

In a RGB color space, hex #0ea5ed is composed of 5.5% red, 64.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 94.1% cyan, 30.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 199.4 degrees, a saturation of 88.8% and a lightness of 49.2%. #0ea5ed color hex could be obtained by blending #1cffff with #004bdb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 5
- G 65
- B 93
RGB color chart
- C 94
- M 30
- Y 0
- K 7
CMYK color chart

● #0ea5ed color description : Vivid blue.

The hexadecimal color #0ea5ed has RGB values of R:14, G:165, B:237 and CMYK values of C:0.94, M:0.3, Y:0, K:0.07. Its decimal value is 959981.

Hex triplet	0ea5ed	`#0ea5ed`
RGB Decimal	14, 165, 237	`rgb(14,165,237)`
RGB Percent	5.5, 64.7, 92.9	`rgb(5.5%,64.7%,92.9%)`
CMYK	94, 30, 0, 7
HSL	199.4°, 88.8, 49.2	`hsl(199.4,88.8%,49.2%)`
HSV (or HSB)	199.4°, 94.1, 92.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	64.254, -9.632, -45.774
XYZ	28.918, 33.115, 84.984
xyY	0.197, 0.225, 33.115
CIE-LCH	64.254, 46.776, 258.117
CIE-LUV	64.254, -41.476, -72.279
Hunter-Lab	57.546, -11.004, -47.277
Binary	00001110, 10100101, 11101101

#0ea5ed
```
#0ea5ed rgb(14,165,237)
```
#ed560e
```
#ed560e rgb(237,86,14)
```

Complementary Color

#0eedc6
```
#0eedc6 rgb(14,237,198)
```
#0ea5ed
```
#0ea5ed rgb(14,165,237)
```
#0e36ed
```
#0e36ed rgb(14,54,237)
```

Analogous Color

#edc60e
```
#edc60e rgb(237,198,14)
```
#0ea5ed
```
#0ea5ed rgb(14,165,237)
```
#ed0e36
```
#ed0e36 rgb(237,14,54)
```

Split Complementary Color

#a5ed0e
```
#a5ed0e rgb(165,237,14)
```
#0ea5ed
```
#0ea5ed rgb(14,165,237)
```
#ed0ea5
```
#ed0ea5 rgb(237,14,165)
```

Triadic Color

#0eed56
```
#0eed56 rgb(14,237,86)
```
#0ea5ed
```
#0ea5ed rgb(14,165,237)
```
#ed0ea5
```
#ed0ea5 rgb(237,14,165)
```
#ed560e
```
#ed560e rgb(237,86,14)
```

Tetradic Color

#0a73a5
```
#0a73a5 rgb(10,115,165)
```
#0b83bd
```
#0b83bd rgb(11,131,189)
```
#0d94d5
```
#0d94d5 rgb(13,148,213)
```
#0ea5ed
```
#0ea5ed rgb(14,165,237)
```
#23aff2
```
#23aff2 rgb(35,175,242)
```
#3bb8f3
```
#3bb8f3 rgb(59,184,243)
```
#53c0f5
```
#53c0f5 rgb(83,192,245)
```

Monochromatic Color

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

#0edded
```
#0edded rgb(14,221,237)
```
#0ecaed
```
#0ecaed rgb(14,202,237)
```
#0eb8ed
```
#0eb8ed rgb(14,184,237)
```
#0ea5ed
```
#0ea5ed rgb(14,165,237)
```
#0e92ed
```
#0e92ed rgb(14,146,237)
```
#0e80ed
```
#0e80ed rgb(14,128,237)
```
#0e6ded
```
#0e6ded rgb(14,109,237)
```

Similar Colors

Text with hexadecimal color #0ea5ed

This text has a font color of #0ea5ed.

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

#0ea5ed background color

This paragraph has a background color of #0ea5ed.

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

#0ea5ed border color

This element has a border color of #0ea5ed.

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

CSS codes

.text {color:#0ea5ed;}

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

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

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, #010a0f is the darkest color, while #fbfeff is the lightest one.

#010a0f
```
#010a0f rgb(1,10,15)
```
#021721
```
#021721 rgb(2,23,33)
```
#032434
```
#032434 rgb(3,36,52)
```
#043146
```
#043146 rgb(4,49,70)
```
#053e59
```
#053e59 rgb(5,62,89)
```
#064b6b
```
#064b6b rgb(6,75,107)
```
#07587e
```
#07587e rgb(7,88,126)
```
#096590
```
#096590 rgb(9,101,144)
```
#0a71a3
```
#0a71a3 rgb(10,113,163)
```
#0b7eb5
```
#0b7eb5 rgb(11,126,181)
```
#0c8bc8
```
#0c8bc8 rgb(12,139,200)
```
#0d98da
```
#0d98da rgb(13,152,218)
```
#0ea5ed
```
#0ea5ed rgb(14,165,237)
```

Shade Color Variation

#1dadf2
```
#1dadf2 rgb(29,173,242)
```
#2fb4f3
```
#2fb4f3 rgb(47,180,243)
```
#42baf4
```
#42baf4 rgb(66,186,244)
```
#55c1f5
```
#55c1f5 rgb(85,193,245)
```
#67c8f6
```
#67c8f6 rgb(103,200,246)
```
#7acff7
```
#7acff7 rgb(122,207,247)
```
#8cd5f8
```
#8cd5f8 rgb(140,213,248)
```
#9fdcf9
```
#9fdcf9 rgb(159,220,249)
```
#b1e3fa
```
#b1e3fa rgb(177,227,250)
```
#c4e9fb
```
#c4e9fb rgb(196,233,251)
```
#d6f0fd
```
#d6f0fd rgb(214,240,253)
```
#e9f7fe
```
#e9f7fe rgb(233,247,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787f83 is the less saturated color, while #04a8f7 is the most saturated one.

#787f83
```
#787f83 rgb(120,127,131)
```
#6f838c
```
#6f838c rgb(111,131,140)
```
#658696
```
#658696 rgb(101,134,150)
```
#5b8aa0
```
#5b8aa0 rgb(91,138,160)
```
#528da9
```
#528da9 rgb(82,141,169)
```
#4890b3
```
#4890b3 rgb(72,144,179)
```
#3e94bd
```
#3e94bd rgb(62,148,189)
```
#3597c6
```
#3597c6 rgb(53,151,198)
```
#2b9bd0
```
#2b9bd0 rgb(43,155,208)
```
#219eda
```
#219eda rgb(33,158,218)
```
#18a2e3
```
#18a2e3 rgb(24,162,227)
```
#0ea5ed
```
#0ea5ed rgb(14,165,237)
```
#04a8f7
```
#04a8f7 rgb(4,168,247)
```

Tone Color Variation

Below, you can see how #0ea5ed 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

#808080 Achromatopsia 0.005% of the population
#698796 Atypical Achromatopsia 0.001% of the population

Dichromacy

#879ee5 Protanopia 1% of men
#71a0f1 Deuteranopia 1% of men
#00b0bc Tritanopia 0.001% of the population

Trichromacy

#5ba0e8 Protanomaly 1% of men, 0.01% of women
#4da2ef Deuteranomaly 6% of men, 0.4% of women
#05accd Tritanomaly 0.01% of the population

#0ea5ed hex color

#0ea5ed Color Information

#0ea5ed Color Conversion

Color Schemes with #0ea5ed

Alternatives to #0ea5ed

#0ea5ed Preview

Shades and Tints of #0ea5ed

Tones of #0ea5ed

Color Blindness Simulator