#008ac2 hex color

In a RGB color space, hex #008ac2 is composed of 0% red, 54.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 28.9% magenta, 0% yellow and 23.9% black. It has a hue angle of 197.3 degrees, a saturation of 100% and a lightness of 38%. #008ac2 color hex could be obtained by blending #00ffff with #001585. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 54
- B 76
RGB color chart
- C 100
- M 29
- Y 0
- K 24
CMYK color chart

● #008ac2 color description : Strong blue.

The hexadecimal color #008ac2 has RGB values of R:0, G:138, B:194 and CMYK values of C:1, M:0.29, Y:0, K:0.24. Its decimal value is 35522.

Hex triplet	008ac2	`#008ac2`
RGB Decimal	0, 138, 194	`rgb(0,138,194)`
RGB Percent	0, 54.1, 76.1	`rgb(0%,54.1%,76.1%)`
CMYK	100, 29, 0, 24
HSL	197.3°, 100, 38	`hsl(197.3,100%,38%)`
HSV (or HSB)	197.3°, 100, 76.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.101, -10.715, -37.742
XYZ	18.824, 22.07, 54.304
xyY	0.198, 0.232, 22.07
CIE-LCH	54.101, 39.233, 254.151
CIE-LUV	54.101, -35.874, -56.955
Hunter-Lab	46.979, -10.691, -35.649
Binary	00000000, 10001010, 11000010

#008ac2
```
#008ac2 rgb(0,138,194)
```
#c23800
```
#c23800 rgb(194,56,0)
```

Complementary Color

#00c299
```
#00c299 rgb(0,194,153)
```
#008ac2
```
#008ac2 rgb(0,138,194)
```
#0029c2
```
#0029c2 rgb(0,41,194)
```

Analogous Color

#c29900
```
#c29900 rgb(194,153,0)
```
#008ac2
```
#008ac2 rgb(0,138,194)
```
#c20029
```
#c20029 rgb(194,0,41)
```

Split Complementary Color

#8ac200
```
#8ac200 rgb(138,194,0)
```
#008ac2
```
#008ac2 rgb(0,138,194)
```
#c2008a
```
#c2008a rgb(194,0,138)
```

Triadic Color

#00c238
```
#00c238 rgb(0,194,56)
```
#008ac2
```
#008ac2 rgb(0,138,194)
```
#c2008a
```
#c2008a rgb(194,0,138)
```
#c23800
```
#c23800 rgb(194,56,0)
```

Tetradic Color

#005476
```
#005476 rgb(0,84,118)
```
#00668f
```
#00668f rgb(0,102,143)
```
#0078a9
```
#0078a9 rgb(0,120,169)
```
#008ac2
```
#008ac2 rgb(0,138,194)
```
#009cdc
```
#009cdc rgb(0,156,220)
```
#00aef5
```
#00aef5 rgb(0,174,245)
```
#10baff
```
#10baff rgb(16,186,255)
```

Monochromatic Color

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

#00bbc2
```
#00bbc2 rgb(0,187,194)
```
#00aac2
```
#00aac2 rgb(0,170,194)
```
#009ac2
```
#009ac2 rgb(0,154,194)
```
#008ac2
```
#008ac2 rgb(0,138,194)
```
#007ac2
```
#007ac2 rgb(0,122,194)
```
#006ac2
```
#006ac2 rgb(0,106,194)
```
#005ac2
```
#005ac2 rgb(0,90,194)
```

Similar Colors

Text with hexadecimal color #008ac2

This text has a font color of #008ac2.

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

#008ac2 background color

This paragraph has a background color of #008ac2.

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

#008ac2 border color

This element has a border color of #008ac2.

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

CSS codes

.text {color:#008ac2;}

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

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

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, #000c11 is the darkest color, while #fdfeff is the lightest one.

#000c11
```
#000c11 rgb(0,12,17)
```
#001a25
```
#001a25 rgb(0,26,37)
```
#002839
```
#002839 rgb(0,40,57)
```
#00364c
```
#00364c rgb(0,54,76)
```
#004460
```
#004460 rgb(0,68,96)
```
#005274
```
#005274 rgb(0,82,116)
```
#006087
```
#006087 rgb(0,96,135)
```
#006e9b
```
#006e9b rgb(0,110,155)
```
#007cae
```
#007cae rgb(0,124,174)
```
#008ac2
```
#008ac2 rgb(0,138,194)
```
#0098d6
```
#0098d6 rgb(0,152,214)
```
#00a6e9
```
#00a6e9 rgb(0,166,233)
```
#00b4fd
```
#00b4fd rgb(0,180,253)
```

Shade Color Variation

#11baff
```
#11baff rgb(17,186,255)
```
#25c0ff
```
#25c0ff rgb(37,192,255)
```
#39c6ff
```
#39c6ff rgb(57,198,255)
```
#4ccbff
```
#4ccbff rgb(76,203,255)
```
#60d1ff
```
#60d1ff rgb(96,209,255)
```
#74d7ff
```
#74d7ff rgb(116,215,255)
```
#87dcff
```
#87dcff rgb(135,220,255)
```
#9be2ff
```
#9be2ff rgb(155,226,255)
```
#aee8ff
```
#aee8ff rgb(174,232,255)
```
#c2edff
```
#c2edff rgb(194,237,255)
```
#d6f3ff
```
#d6f3ff rgb(214,243,255)
```
#e9f9ff
```
#e9f9ff rgb(233,249,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#5a6468
```
#5a6468 rgb(90,100,104)
```
#526770
```
#526770 rgb(82,103,112)
```
#4b6a77
```
#4b6a77 rgb(75,106,119)
```
#436e7f
```
#436e7f rgb(67,110,127)
```
#3c7186
```
#3c7186 rgb(60,113,134)
```
#34748e
```
#34748e rgb(52,116,142)
```
#2d7795
```
#2d7795 rgb(45,119,149)
```
#257a9d
```
#257a9d rgb(37,122,157)
```
#1e7da4
```
#1e7da4 rgb(30,125,164)
```
#1681ac
```
#1681ac rgb(22,129,172)
```
#0f84b3
```
#0f84b3 rgb(15,132,179)
```
#0787bb
```
#0787bb rgb(7,135,187)
```
#008ac2
```
#008ac2 rgb(0,138,194)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#526e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7486bd Protanopia 1% of men
#6487c8 Deuteranopia 1% of men
#00959e Tritanopia 0.001% of the population

Trichromacy

#4a87bf Protanomaly 1% of men, 0.01% of women
#3f88c6 Deuteranomaly 6% of men, 0.4% of women
#0091ab Tritanomaly 0.01% of the population

#008ac2 hex color

#008ac2 Color Information

#008ac2 Color Conversion

Color Schemes with #008ac2

Alternatives to #008ac2

#008ac2 Preview

Shades and Tints of #008ac2

Tones of #008ac2

Color Blindness Simulator