#74a2ad hex color

In a RGB color space, hex #74a2ad is composed of 45.5% red, 63.5% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 6.4% magenta, 0% yellow and 32.2% black. It has a hue angle of 191.6 degrees, a saturation of 25.8% and a lightness of 56.7%. #74a2ad color hex could be obtained by blending #e8ffff with #00455b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 45
- G 64
- B 68
RGB color chart
- C 33
- M 6
- Y 0
- K 32
CMYK color chart

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

The hexadecimal color #74a2ad has RGB values of R:116, G:162, B:173 and CMYK values of C:0.33, M:0.06, Y:0, K:0.32. Its decimal value is 7643821.

Hex triplet	74a2ad	`#74a2ad`
RGB Decimal	116, 162, 173	`rgb(116,162,173)`
RGB Percent	45.5, 63.5, 67.8	`rgb(45.5%,63.5%,67.8%)`
CMYK	33, 6, 0, 32
HSL	191.6°, 25.8, 56.7	`hsl(191.6,25.8%,56.7%)`
HSV (or HSB)	191.6°, 32.9, 67.8
Web Safe	669999	`#669999`

CIE-LAB	63.811, -12.657, -10.663
XYZ	27.664, 32.57, 44.362
xyY	0.264, 0.311, 32.57
CIE-LCH	63.811, 16.55, 220.112
CIE-LUV	63.811, -22.743, -14.004
Hunter-Lab	57.07, -13.347, -6.139
Binary	01110100, 10100010, 10101101

#74a2ad
```
#74a2ad rgb(116,162,173)
```
#ad7f74
```
#ad7f74 rgb(173,127,116)
```

Complementary Color

#74ad9c
```
#74ad9c rgb(116,173,156)
```
#74a2ad
```
#74a2ad rgb(116,162,173)
```
#7486ad
```
#7486ad rgb(116,134,173)
```

Analogous Color

#ad9c74
```
#ad9c74 rgb(173,156,116)
```
#74a2ad
```
#74a2ad rgb(116,162,173)
```
#ad7486
```
#ad7486 rgb(173,116,134)
```

Split Complementary Color

#a2ad74
```
#a2ad74 rgb(162,173,116)
```
#74a2ad
```
#74a2ad rgb(116,162,173)
```
#ad74a2
```
#ad74a2 rgb(173,116,162)
```

Triadic Color

#74ad7f
```
#74ad7f rgb(116,173,127)
```
#74a2ad
```
#74a2ad rgb(116,162,173)
```
#ad74a2
```
#ad74a2 rgb(173,116,162)
```
#ad7f74
```
#ad7f74 rgb(173,127,116)
```

Tetradic Color

#4f7b86
```
#4f7b86 rgb(79,123,134)
```
#588a96
```
#588a96 rgb(88,138,150)
```
#6497a4
```
#6497a4 rgb(100,151,164)
```
#74a2ad
```
#74a2ad rgb(116,162,173)
```
#84adb6
```
#84adb6 rgb(132,173,182)
```
#94b7c0
```
#94b7c0 rgb(148,183,192)
```
#a4c2c9
```
#a4c2c9 rgb(164,194,201)
```

Monochromatic Color

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

#74adaa
```
#74adaa rgb(116,173,170)
```
#74acad
```
#74acad rgb(116,172,173)
```
#74a7ad
```
#74a7ad rgb(116,167,173)
```
#74a2ad
```
#74a2ad rgb(116,162,173)
```
#749dad
```
#749dad rgb(116,157,173)
```
#7499ad
```
#7499ad rgb(116,153,173)
```
#7494ad
```
#7494ad rgb(116,148,173)
```

Similar Colors

Text with hexadecimal color #74a2ad

This text has a font color of #74a2ad.

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

#74a2ad background color

This paragraph has a background color of #74a2ad.

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

#74a2ad border color

This element has a border color of #74a2ad.

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

CSS codes

.text {color:#74a2ad;}

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

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

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

#050809
```
#050809 rgb(5,8,9)
```
#0d1415
```
#0d1415 rgb(13,20,21)
```
#141f22
```
#141f22 rgb(20,31,34)
```
#1b2a2e
```
#1b2a2e rgb(27,42,46)
```
#22363a
```
#22363a rgb(34,54,58)
```
#2a4147
```
#2a4147 rgb(42,65,71)
```
#314c53
```
#314c53 rgb(49,76,83)
```
#38585f
```
#38585f rgb(56,88,95)
```
#40636c
```
#40636c rgb(64,99,108)
```
#476f78
```
#476f78 rgb(71,111,120)
```
#4e7a84
```
#4e7a84 rgb(78,122,132)
```
#558591
```
#558591 rgb(85,133,145)
```
#5d919d
```
#5d919d rgb(93,145,157)
```

Shade Color Variation

#689aa6
```
#689aa6 rgb(104,154,166)
```
#74a2ad
```
#74a2ad rgb(116,162,173)
```
#80aab4
```
#80aab4 rgb(128,170,180)
```
#8db3bc
```
#8db3bc rgb(141,179,188)
```
#99bbc3
```
#99bbc3 rgb(153,187,195)
```
#a5c3ca
```
#a5c3ca rgb(165,195,202)
```
#b2cbd1
```
#b2cbd1 rgb(178,203,209)
```
#bed4d9
```
#bed4d9 rgb(190,212,217)
```
#cadce0
```
#cadce0 rgb(202,220,224)
```
#d7e4e7
```
#d7e4e7 rgb(215,228,231)
```
#e3ecef
```
#e3ecef rgb(227,236,239)
```
#eff5f6
```
#eff5f6 rgb(239,245,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9294 is the less saturated color, while #28d1fa is the most saturated one.

#8e9294
```
#8e9294 rgb(142,146,148)
```
#85989c
```
#85989c rgb(133,152,156)
```
#7d9da5
```
#7d9da5 rgb(125,157,165)
```
#74a2ad
```
#74a2ad rgb(116,162,173)
```
#6ca7b6
```
#6ca7b6 rgb(108,167,182)
```
#63acbe
```
#63acbe rgb(99,172,190)
```
#5bb2c7
```
#5bb2c7 rgb(91,178,199)
```
#52b7cf
```
#52b7cf rgb(82,183,207)
```
#4abcd8
```
#4abcd8 rgb(74,188,216)
```
#41c1e0
```
#41c1e0 rgb(65,193,224)
```
#39c7e9
```
#39c7e9 rgb(57,199,233)
```
#30ccf1
```
#30ccf1 rgb(48,204,241)
```
#28d1fa
```
#28d1fa rgb(40,209,250)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8f989b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9eac Protanopia 1% of men
#a49cb5 Deuteranopia 1% of men
#7ba6b2 Tritanopia 0.001% of the population

Trichromacy

#8f9fac Protanomaly 1% of men, 0.01% of women
#929eb2 Deuteranomaly 6% of men, 0.4% of women
#78a4b0 Tritanomaly 0.01% of the population

#74a2ad hex color

#74a2ad Color Information

#74a2ad Color Conversion

Color Schemes with #74a2ad

Alternatives to #74a2ad

#74a2ad Preview

Shades and Tints of #74a2ad

Tones of #74a2ad

Color Blindness Simulator