#2a8ba8 hex color

In a RGB color space, hex #2a8ba8 is composed of 16.5% red, 54.5% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 17.3% magenta, 0% yellow and 34.1% black. It has a hue angle of 193.8 degrees, a saturation of 60% and a lightness of 41.2%. #2a8ba8 color hex could be obtained by blending #54ffff with #001751. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 55
- B 66
RGB color chart
- C 75
- M 17
- Y 0
- K 34
CMYK color chart

● #2a8ba8 color description : Dark cyan.

The hexadecimal color #2a8ba8 has RGB values of R:42, G:139, B:168 and CMYK values of C:0.75, M:0.17, Y:0, K:0.34. Its decimal value is 2788264.

Hex triplet	2a8ba8	`#2a8ba8`
RGB Decimal	42, 139, 168	`rgb(42,139,168)`
RGB Percent	16.5, 54.5, 65.9	`rgb(16.5%,54.5%,65.9%)`
CMYK	75, 17, 0, 34
HSL	193.8°, 60, 41.2	`hsl(193.8,60%,41.2%)`
HSV (or HSB)	193.8°, 75, 65.9
Web Safe	339999	`#339999`

CIE-LAB	53.796, -17.739, -23.305
XYZ	17.253, 21.783, 40.339
xyY	0.217, 0.274, 21.783
CIE-LCH	53.796, 29.288, 232.722
CIE-LUV	53.796, -34.568, -32.69
Hunter-Lab	46.672, -15.69, -18.574
Binary	00101010, 10001011, 10101000

#2a8ba8
```
#2a8ba8 rgb(42,139,168)
```
#a8472a
```
#a8472a rgb(168,71,42)
```

Complementary Color

#2aa886
```
#2aa886 rgb(42,168,134)
```
#2a8ba8
```
#2a8ba8 rgb(42,139,168)
```
#2a4ca8
```
#2a4ca8 rgb(42,76,168)
```

Analogous Color

#a8862a
```
#a8862a rgb(168,134,42)
```
#2a8ba8
```
#2a8ba8 rgb(42,139,168)
```
#a82a4c
```
#a82a4c rgb(168,42,76)
```

Split Complementary Color

#8ba82a
```
#8ba82a rgb(139,168,42)
```
#2a8ba8
```
#2a8ba8 rgb(42,139,168)
```
#a82a8b
```
#a82a8b rgb(168,42,139)
```

Triadic Color

#2aa847
```
#2aa847 rgb(42,168,71)
```
#2a8ba8
```
#2a8ba8 rgb(42,139,168)
```
#a82a8b
```
#a82a8b rgb(168,42,139)
```
#a8472a
```
#a8472a rgb(168,71,42)
```

Tetradic Color

#1b586b
```
#1b586b rgb(27,88,107)
```
#20697f
```
#20697f rgb(32,105,127)
```
#257a94
```
#257a94 rgb(37,122,148)
```
#2a8ba8
```
#2a8ba8 rgb(42,139,168)
```
#2f9cbc
```
#2f9cbc rgb(47,156,188)
```
#38abcd
```
#38abcd rgb(56,171,205)
```
#4cb3d2
```
#4cb3d2 rgb(76,179,210)
```

Monochromatic Color

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

#2aa8a6
```
#2aa8a6 rgb(42,168,166)
```
#2aa0a8
```
#2aa0a8 rgb(42,160,168)
```
#2a96a8
```
#2a96a8 rgb(42,150,168)
```
#2a8ba8
```
#2a8ba8 rgb(42,139,168)
```
#2a81a8
```
#2a81a8 rgb(42,129,168)
```
#2a76a8
```
#2a76a8 rgb(42,118,168)
```
#2a6ca8
```
#2a6ca8 rgb(42,108,168)
```

Similar Colors

Text with hexadecimal color #2a8ba8

This text has a font color of #2a8ba8.

<span style="color:#2a8ba8;">Text here</span>

#2a8ba8 background color

This paragraph has a background color of #2a8ba8.

<p style="background-color:#2a8ba8;">Content here</p>

#2a8ba8 border color

This element has a border color of #2a8ba8.

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

CSS codes

.text {color:#2a8ba8;}

.background {background-color:#2a8ba8;}

.border {border:1px solid #2a8ba8;}

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, #03090b is the darkest color, while #fafdfe is the lightest one.

#03090b
```
#03090b rgb(3,9,11)
```
#07161b
```
#07161b rgb(7,22,27)
```
#0b232a
```
#0b232a rgb(11,35,42)
```
#0f303a
```
#0f303a rgb(15,48,58)
```
#123d4a
```
#123d4a rgb(18,61,74)
```
#164a5a
```
#164a5a rgb(22,74,90)
```
#1a5769
```
#1a5769 rgb(26,87,105)
```
#1e6479
```
#1e6479 rgb(30,100,121)
```
#227189
```
#227189 rgb(34,113,137)
```
#267e98
```
#267e98 rgb(38,126,152)
```
#2a8ba8
```
#2a8ba8 rgb(42,139,168)
```
#2e98b8
```
#2e98b8 rgb(46,152,184)
```
#32a5c7
```
#32a5c7 rgb(50,165,199)
```

Shade Color Variation

#3eadcf
```
#3eadcf rgb(62,173,207)
```
#4eb4d3
```
#4eb4d3 rgb(78,180,211)
```
#5dbbd7
```
#5dbbd7 rgb(93,187,215)
```
#6dc1db
```
#6dc1db rgb(109,193,219)
```
#7dc8de
```
#7dc8de rgb(125,200,222)
```
#8dcfe2
```
#8dcfe2 rgb(141,207,226)
```
#9cd5e6
```
#9cd5e6 rgb(156,213,230)
```
#acdcea
```
#acdcea rgb(172,220,234)
```
#bce3ee
```
#bce3ee rgb(188,227,238)
```
#cbe9f2
```
#cbe9f2 rgb(203,233,242)
```
#dbf0f6
```
#dbf0f6 rgb(219,240,246)
```
#ebf6fa
```
#ebf6fa rgb(235,246,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636c6f is the less saturated color, while #02a1d0 is the most saturated one.

#636c6f
```
#636c6f rgb(99,108,111)
```
#5a7178
```
#5a7178 rgb(90,113,120)
```
#527580
```
#527580 rgb(82,117,128)
```
#4a7a88
```
#4a7a88 rgb(74,122,136)
```
#427e90
```
#427e90 rgb(66,126,144)
```
#3a8298
```
#3a8298 rgb(58,130,152)
```
#3287a0
```
#3287a0 rgb(50,135,160)
```
#2a8ba8
```
#2a8ba8 rgb(42,139,168)
```
#228fb0
```
#228fb0 rgb(34,143,176)
```
#1a94b8
```
#1a94b8 rgb(26,148,184)
```
#1298c0
```
#1298c0 rgb(18,152,192)
```
#0a9cc8
```
#0a9cc8 rgb(10,156,200)
```
#02a1d0
```
#02a1d0 rgb(2,161,208)
```

Tone Color Variation

Below, you can see how #2a8ba8 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

#717171 Achromatopsia 0.005% of the population
#63767c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f85a5 Protanopia 1% of men
#7a85b1 Deuteranopia 1% of men
#26939e Tritanopia 0.001% of the population

Trichromacy

#6087a6 Protanomaly 1% of men, 0.01% of women
#5d87ad Deuteranomaly 6% of men, 0.4% of women
#2790a1 Tritanomaly 0.01% of the population

#2a8ba8 hex color

#2a8ba8 Color Information

#2a8ba8 Color Conversion

Color Schemes with #2a8ba8

Alternatives to #2a8ba8

#2a8ba8 Preview

Shades and Tints of #2a8ba8

Tones of #2a8ba8

Color Blindness Simulator