#74a2a8 hex color

In a RGB color space, hex #74a2a8 is composed of 45.5% red, 63.5% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 3.6% magenta, 0% yellow and 34.1% black. It has a hue angle of 186.9 degrees, a saturation of 23% and a lightness of 55.7%. #74a2a8 color hex could be obtained by blending #e8ffff with #004551. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 45
- G 64
- B 66
RGB color chart
- C 31
- M 4
- Y 0
- K 34
CMYK color chart

● #74a2a8 color description : Mostly desaturated dark cyan.

The hexadecimal color #74a2a8 has RGB values of R:116, G:162, B:168 and CMYK values of C:0.31, M:0.04, Y:0, K:0.34. Its decimal value is 7643816.

Hex triplet	74a2a8	`#74a2a8`
RGB Decimal	116, 162, 168	`rgb(116,162,168)`
RGB Percent	45.5, 63.5, 65.9	`rgb(45.5%,63.5%,65.9%)`
CMYK	31, 4, 0, 34
HSL	186.9°, 23, 55.7	`hsl(186.9,23%,55.7%)`
HSV (or HSB)	186.9°, 31, 65.9
Web Safe	669999	`#669999`

CIE-LAB	63.655, -13.894, -8.09
XYZ	27.189, 32.38, 41.861
xyY	0.268, 0.319, 32.38
CIE-LCH	63.655, 16.078, 210.212
CIE-LUV	63.655, -22.758, -9.85
Hunter-Lab	56.903, -14.291, -3.785
Binary	01110100, 10100010, 10101000

#74a2a8
```
#74a2a8 rgb(116,162,168)
```
#a87a74
```
#a87a74 rgb(168,122,116)
```

Complementary Color

#74a894
```
#74a894 rgb(116,168,148)
```
#74a2a8
```
#74a2a8 rgb(116,162,168)
```
#7488a8
```
#7488a8 rgb(116,136,168)
```

Analogous Color

#a89474
```
#a89474 rgb(168,148,116)
```
#74a2a8
```
#74a2a8 rgb(116,162,168)
```
#a87488
```
#a87488 rgb(168,116,136)
```

Split Complementary Color

#a2a874
```
#a2a874 rgb(162,168,116)
```
#74a2a8
```
#74a2a8 rgb(116,162,168)
```
#a874a2
```
#a874a2 rgb(168,116,162)
```

Triadic Color

#74a87a
```
#74a87a rgb(116,168,122)
```
#74a2a8
```
#74a2a8 rgb(116,162,168)
```
#a874a2
```
#a874a2 rgb(168,116,162)
```
#a87a74
```
#a87a74 rgb(168,122,116)
```

Tetradic Color

#507a80
```
#507a80 rgb(80,122,128)
```
#5a898f
```
#5a898f rgb(90,137,143)
```
#64989e
```
#64989e rgb(100,152,158)
```
#74a2a8
```
#74a2a8 rgb(116,162,168)
```
#84acb2
```
#84acb2 rgb(132,172,178)
```
#93b7bc
```
#93b7bc rgb(147,183,188)
```
#a3c1c5
```
#a3c1c5 rgb(163,193,197)
```

Monochromatic Color

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

#74a8a1
```
#74a8a1 rgb(116,168,161)
```
#74a8a5
```
#74a8a5 rgb(116,168,165)
```
#74a6a8
```
#74a6a8 rgb(116,166,168)
```
#74a2a8
```
#74a2a8 rgb(116,162,168)
```
#749ea8
```
#749ea8 rgb(116,158,168)
```
#7499a8
```
#7499a8 rgb(116,153,168)
```
#7495a8
```
#7495a8 rgb(116,149,168)
```

Similar Colors

Text with hexadecimal color #74a2a8

This text has a font color of #74a2a8.

<span style="color:#74a2a8;">Text here</span>

#74a2a8 background color

This paragraph has a background color of #74a2a8.

<p style="background-color:#74a2a8;">Content here</p>

#74a2a8 border color

This element has a border color of #74a2a8.

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

CSS codes

.text {color:#74a2a8;}

.background {background-color:#74a2a8;}

.border {border:1px solid #74a2a8;}

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, #040606 is the darkest color, while #f9fbfb is the lightest one.

#040606
```
#040606 rgb(4,6,6)
```
#0b1112
```
#0b1112 rgb(11,17,18)
```
#131d1e
```
#131d1e rgb(19,29,30)
```
#1a282a
```
#1a282a rgb(26,40,42)
```
#223436
```
#223436 rgb(34,52,54)
```
#293f42
```
#293f42 rgb(41,63,66)
```
#314b4e
```
#314b4e rgb(49,75,78)
```
#38565a
```
#38565a rgb(56,86,90)
```
#406266
```
#406266 rgb(64,98,102)
```
#486d72
```
#486d72 rgb(72,109,114)
```
#4f797e
```
#4f797e rgb(79,121,126)
```
#57858a
```
#57858a rgb(87,133,138)
```
#5e9097
```
#5e9097 rgb(94,144,151)
```

Shade Color Variation

#689aa0
```
#689aa0 rgb(104,154,160)
```
#74a2a8
```
#74a2a8 rgb(116,162,168)
```
#80aab0
```
#80aab0 rgb(128,170,176)
```
#8cb2b7
```
#8cb2b7 rgb(140,178,183)
```
#98babf
```
#98babf rgb(152,186,191)
```
#a4c2c6
```
#a4c2c6 rgb(164,194,198)
```
#b0cace
```
#b0cace rgb(176,202,206)
```
#bcd2d5
```
#bcd2d5 rgb(188,210,213)
```
#c8dbdd
```
#c8dbdd rgb(200,219,221)
```
#d5e3e4
```
#d5e3e4 rgb(213,227,228)
```
#e1ebec
```
#e1ebec rgb(225,235,236)
```
#edf3f4
```
#edf3f4 rgb(237,243,244)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #859597 is the less saturated color, while #1de5ff is the most saturated one.

#859597
```
#859597 rgb(133,149,151)
```
#7d9b9f
```
#7d9b9f rgb(125,155,159)
```
#74a2a8
```
#74a2a8 rgb(116,162,168)
```
#6ba9b1
```
#6ba9b1 rgb(107,169,177)
```
#63afb9
```
#63afb9 rgb(99,175,185)
```
#5ab6c2
```
#5ab6c2 rgb(90,182,194)
```
#51bdcb
```
#51bdcb rgb(81,189,203)
```
#49c3d3
```
#49c3d3 rgb(73,195,211)
```
#40cadc
```
#40cadc rgb(64,202,220)
```
#37d1e5
```
#37d1e5 rgb(55,209,229)
```
#2ed7ee
```
#2ed7ee rgb(46,215,238)
```
#26def6
```
#26def6 rgb(38,222,246)
```
#1de5ff
```
#1de5ff rgb(29,229,255)
```

Tone Color Variation

Below, you can see how #74a2a8 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

#959595 Achromatopsia 0.005% of the population
#8e9899 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9ea7 Protanopia 1% of men
#a59bb0 Deuteranopia 1% of men
#7ca5b1 Tritanopia 0.001% of the population

Trichromacy

#8f9fa7 Protanomaly 1% of men, 0.01% of women
#939dad Deuteranomaly 6% of men, 0.4% of women
#79a4ae Tritanomaly 0.01% of the population

#74a2a8 hex color

#74a2a8 Color Information

#74a2a8 Color Conversion

Color Schemes with #74a2a8

Alternatives to #74a2a8

#74a2a8 Preview

Shades and Tints of #74a2a8

Tones of #74a2a8

Color Blindness Simulator