#008ed2 hex color

In a RGB color space, hex #008ed2 is composed of 0% red, 55.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 32.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 199.4 degrees, a saturation of 100% and a lightness of 41.2%. #008ed2 color hex could be obtained by blending #00ffff with #001da5. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 56
- B 82
RGB color chart
- C 100
- M 32
- Y 0
- K 18
CMYK color chart

● #008ed2 color description : Strong blue.

The hexadecimal color #008ed2 has RGB values of R:0, G:142, B:210 and CMYK values of C:1, M:0.32, Y:0, K:0.18. Its decimal value is 36562.

Hex triplet	008ed2	`#008ed2`
RGB Decimal	0, 142, 210	`rgb(0,142,210)`
RGB Percent	0, 55.7, 82.4	`rgb(0%,55.7%,82.4%)`
CMYK	100, 32, 0, 18
HSL	199.4°, 100, 41.2	`hsl(199.4,100%,41.2%)`
HSV (or HSB)	199.4°, 100, 82.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.085, -6.993, -43.666
XYZ	21.303, 23.997, 64.478
xyY	0.194, 0.219, 23.997
CIE-LCH	56.085, 44.223, 260.902
CIE-LUV	56.085, -36.139, -67.464
Hunter-Lab	48.987, -8.102, -43.749
Binary	00000000, 10001110, 11010010

#008ed2
```
#008ed2 rgb(0,142,210)
```
#d24400
```
#d24400 rgb(210,68,0)
```

Complementary Color

#00d2ad
```
#00d2ad rgb(0,210,173)
```
#008ed2
```
#008ed2 rgb(0,142,210)
```
#0025d2
```
#0025d2 rgb(0,37,210)
```

Analogous Color

#d2ad00
```
#d2ad00 rgb(210,173,0)
```
#008ed2
```
#008ed2 rgb(0,142,210)
```
#d20025
```
#d20025 rgb(210,0,37)
```

Split Complementary Color

#8ed200
```
#8ed200 rgb(142,210,0)
```
#008ed2
```
#008ed2 rgb(0,142,210)
```
#d2008e
```
#d2008e rgb(210,0,142)
```

Triadic Color

#00d244
```
#00d244 rgb(0,210,68)
```
#008ed2
```
#008ed2 rgb(0,142,210)
```
#d2008e
```
#d2008e rgb(210,0,142)
```
#d24400
```
#d24400 rgb(210,68,0)
```

Tetradic Color

#005a86
```
#005a86 rgb(0,90,134)
```
#006c9f
```
#006c9f rgb(0,108,159)
```
#007db9
```
#007db9 rgb(0,125,185)
```
#008ed2
```
#008ed2 rgb(0,142,210)
```
#009fec
```
#009fec rgb(0,159,236)
```
#06aeff
```
#06aeff rgb(6,174,255)
```
#20b7ff
```
#20b7ff rgb(32,183,255)
```

Monochromatic Color

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

#00c3d2
```
#00c3d2 rgb(0,195,210)
```
#00b1d2
```
#00b1d2 rgb(0,177,210)
```
#00a0d2
```
#00a0d2 rgb(0,160,210)
```
#008ed2
```
#008ed2 rgb(0,142,210)
```
#007dd2
```
#007dd2 rgb(0,125,210)
```
#006bd2
```
#006bd2 rgb(0,107,210)
```
#005ad2
```
#005ad2 rgb(0,90,210)
```

Similar Colors

Text with hexadecimal color #008ed2

This text has a font color of #008ed2.

<span style="color:#008ed2;">Text here</span>

#008ed2 background color

This paragraph has a background color of #008ed2.

<p style="background-color:#008ed2;">Content here</p>

#008ed2 border color

This element has a border color of #008ed2.

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

CSS codes

.text {color:#008ed2;}

.background {background-color:#008ed2;}

.border {border:1px solid #008ed2;}

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, #00090e is the darkest color, while #f9fdff is the lightest one.

#00090e
```
#00090e rgb(0,9,14)
```
#001721
```
#001721 rgb(0,23,33)
```
#002435
```
#002435 rgb(0,36,53)
```
#003149
```
#003149 rgb(0,49,73)
```
#003e5c
```
#003e5c rgb(0,62,92)
```
#004c70
```
#004c70 rgb(0,76,112)
```
#005984
```
#005984 rgb(0,89,132)
```
#006697
```
#006697 rgb(0,102,151)
```
#0073ab
```
#0073ab rgb(0,115,171)
```
#0081be
```
#0081be rgb(0,129,190)
```
#008ed2
```
#008ed2 rgb(0,142,210)
```
#009be6
```
#009be6 rgb(0,155,230)
```
#00a9f9
```
#00a9f9 rgb(0,169,249)
```

Shade Color Variation

#0eb1ff
```
#0eb1ff rgb(14,177,255)
```
#21b7ff
```
#21b7ff rgb(33,183,255)
```
#35beff
```
#35beff rgb(53,190,255)
```
#49c4ff
```
#49c4ff rgb(73,196,255)
```
#5ccaff
```
#5ccaff rgb(92,202,255)
```
#70d1ff
```
#70d1ff rgb(112,209,255)
```
#84d7ff
```
#84d7ff rgb(132,215,255)
```
#97ddff
```
#97ddff rgb(151,221,255)
```
#abe4ff
```
#abe4ff rgb(171,228,255)
```
#beeaff
```
#beeaff rgb(190,234,255)
```
#d2f0ff
```
#d2f0ff rgb(210,240,255)
```
#e6f7ff
```
#e6f7ff rgb(230,247,255)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616c71 is the less saturated color, while #008ed2 is the most saturated one.

#616c71
```
#616c71 rgb(97,108,113)
```
#596f79
```
#596f79 rgb(89,111,121)
```
#517281
```
#517281 rgb(81,114,129)
```
#497489
```
#497489 rgb(73,116,137)
```
#417791
```
#417791 rgb(65,119,145)
```
#397a99
```
#397a99 rgb(57,122,153)
```
#307da2
```
#307da2 rgb(48,125,162)
```
#2880aa
```
#2880aa rgb(40,128,170)
```
#2083b2
```
#2083b2 rgb(32,131,178)
```
#1885ba
```
#1885ba rgb(24,133,186)
```
#1088c2
```
#1088c2 rgb(16,136,194)
```
#088bca
```
#088bca rgb(8,139,202)
```
#008ed2
```
#008ed2 rgb(0,142,210)
```

Tone Color Variation

Below, you can see how #008ed2 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

#6b6b6b Achromatopsia 0.005% of the population
#567280 Atypical Achromatopsia 0.001% of the population

Dichromacy

#738acd Protanopia 1% of men
#5d8dd7 Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#498bce Protanomaly 1% of men, 0.01% of women
#3b8dd5 Deuteranomaly 6% of men, 0.4% of women
#0095b4 Tritanomaly 0.01% of the population

#008ed2 hex color

#008ed2 Color Information

#008ed2 Color Conversion

Color Schemes with #008ed2

Alternatives to #008ed2

#008ed2 Preview

Shades and Tints of #008ed2

Tones of #008ed2

Color Blindness Simulator