#2a8fa8 hex color

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

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

● #2a8fa8 color description : Dark cyan.

The hexadecimal color #2a8fa8 has RGB values of R:42, G:143, B:168 and CMYK values of C:0.75, M:0.15, Y:0, K:0.34. Its decimal value is 2789288.

Hex triplet	2a8fa8	`#2a8fa8`
RGB Decimal	42, 143, 168	`rgb(42,143,168)`
RGB Percent	16.5, 56.1, 65.9	`rgb(16.5%,56.1%,65.9%)`
CMYK	75, 15, 0, 34
HSL	191.9°, 60, 41.2	`hsl(191.9,60%,41.2%)`
HSV (or HSB)	191.9°, 75, 65.9
Web Safe	339999	`#339999`

CIE-LAB	55.034, -19.885, -21.404
XYZ	17.843, 22.963, 40.535
xyY	0.219, 0.282, 22.963
CIE-LCH	55.034, 29.215, 227.107
CIE-LUV	55.034, -36.016, -29.51
Hunter-Lab	47.919, -17.393, -16.61
Binary	00101010, 10001111, 10101000

#2a8fa8
```
#2a8fa8 rgb(42,143,168)
```
#a8432a
```
#a8432a rgb(168,67,42)
```

Complementary Color

#2aa882
```
#2aa882 rgb(42,168,130)
```
#2a8fa8
```
#2a8fa8 rgb(42,143,168)
```
#2a50a8
```
#2a50a8 rgb(42,80,168)
```

Analogous Color

#a8822a
```
#a8822a rgb(168,130,42)
```
#2a8fa8
```
#2a8fa8 rgb(42,143,168)
```
#a82a50
```
#a82a50 rgb(168,42,80)
```

Split Complementary Color

#8fa82a
```
#8fa82a rgb(143,168,42)
```
#2a8fa8
```
#2a8fa8 rgb(42,143,168)
```
#a82a8f
```
#a82a8f rgb(168,42,143)
```

Triadic Color

#2aa843
```
#2aa843 rgb(42,168,67)
```
#2a8fa8
```
#2a8fa8 rgb(42,143,168)
```
#a82a8f
```
#a82a8f rgb(168,42,143)
```
#a8432a
```
#a8432a rgb(168,67,42)
```

Tetradic Color

#1b5b6b
```
#1b5b6b rgb(27,91,107)
```
#206c7f
```
#206c7f rgb(32,108,127)
```
#257e94
```
#257e94 rgb(37,126,148)
```
#2a8fa8
```
#2a8fa8 rgb(42,143,168)
```
#2fa0bc
```
#2fa0bc rgb(47,160,188)
```
#38b0cd
```
#38b0cd rgb(56,176,205)
```
#4cb8d2
```
#4cb8d2 rgb(76,184,210)
```

Monochromatic Color

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

#2aa8a2
```
#2aa8a2 rgb(42,168,162)
```
#2aa4a8
```
#2aa4a8 rgb(42,164,168)
```
#2a9aa8
```
#2a9aa8 rgb(42,154,168)
```
#2a8fa8
```
#2a8fa8 rgb(42,143,168)
```
#2a85a8
```
#2a85a8 rgb(42,133,168)
```
#2a7aa8
```
#2a7aa8 rgb(42,122,168)
```
#2a70a8
```
#2a70a8 rgb(42,112,168)
```

Similar Colors

Text with hexadecimal color #2a8fa8

This text has a font color of #2a8fa8.

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

#2a8fa8 background color

This paragraph has a background color of #2a8fa8.

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

#2a8fa8 border color

This element has a border color of #2a8fa8.

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

CSS codes

.text {color:#2a8fa8;}

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

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

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)
```
#07171b
```
#07171b rgb(7,23,27)
```
#0b242a
```
#0b242a rgb(11,36,42)
```
#0f323a
```
#0f323a rgb(15,50,58)
```
#123f4a
```
#123f4a rgb(18,63,74)
```
#164c5a
```
#164c5a rgb(22,76,90)
```
#1a5a69
```
#1a5a69 rgb(26,90,105)
```
#1e6779
```
#1e6779 rgb(30,103,121)
```
#227489
```
#227489 rgb(34,116,137)
```
#268298
```
#268298 rgb(38,130,152)
```
#2a8fa8
```
#2a8fa8 rgb(42,143,168)
```
#2e9cb8
```
#2e9cb8 rgb(46,156,184)
```
#32aac7
```
#32aac7 rgb(50,170,199)
```

Shade Color Variation

#3eb2cf
```
#3eb2cf rgb(62,178,207)
```
#4eb8d3
```
#4eb8d3 rgb(78,184,211)
```
#5dbfd7
```
#5dbfd7 rgb(93,191,215)
```
#6dc5db
```
#6dc5db rgb(109,197,219)
```
#7dcbde
```
#7dcbde rgb(125,203,222)
```
#8dd1e2
```
#8dd1e2 rgb(141,209,226)
```
#9cd8e6
```
#9cd8e6 rgb(156,216,230)
```
#acdeea
```
#acdeea rgb(172,222,234)
```
#bce4ee
```
#bce4ee rgb(188,228,238)
```
#cbeaf2
```
#cbeaf2 rgb(203,234,242)
```
#dbf1f6
```
#dbf1f6 rgb(219,241,246)
```
#ebf7fa
```
#ebf7fa rgb(235,247,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#636d6f
```
#636d6f rgb(99,109,111)
```
#5a7278
```
#5a7278 rgb(90,114,120)
```
#527780
```
#527780 rgb(82,119,128)
```
#4a7c88
```
#4a7c88 rgb(74,124,136)
```
#428090
```
#428090 rgb(66,128,144)
```
#3a8598
```
#3a8598 rgb(58,133,152)
```
#328aa0
```
#328aa0 rgb(50,138,160)
```
#2a8fa8
```
#2a8fa8 rgb(42,143,168)
```
#2294b0
```
#2294b0 rgb(34,148,176)
```
#1a99b8
```
#1a99b8 rgb(26,153,184)
```
#129ec0
```
#129ec0 rgb(18,158,192)
```
#0aa2c8
```
#0aa2c8 rgb(10,162,200)
```
#02a7d0
```
#02a7d0 rgb(2,167,208)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#65797e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8388a4 Protanopia 1% of men
#8088b1 Deuteranopia 1% of men
#2a96a1 Tritanopia 0.001% of the population

Trichromacy

#628ba6 Protanomaly 1% of men, 0.01% of women
#608aae Deuteranomaly 6% of men, 0.4% of women
#2a93a4 Tritanomaly 0.01% of the population

#2a8fa8 hex color

#2a8fa8 Color Information

#2a8fa8 Color Conversion

Color Schemes with #2a8fa8

Alternatives to #2a8fa8

#2a8fa8 Preview

Shades and Tints of #2a8fa8

Tones of #2a8fa8

Color Blindness Simulator