#74afbf hex color

In a RGB color space, hex #74afbf is composed of 45.5% red, 68.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 8.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 192.8 degrees, a saturation of 36.9% and a lightness of 60.2%. #74afbf color hex could be obtained by blending #e8ffff with #005f7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 69
- B 75
RGB color chart
- C 39
- M 8
- Y 0
- K 25
CMYK color chart

● #74afbf color description : Slightly desaturated cyan.

The hexadecimal color #74afbf has RGB values of R:116, G:175, B:191 and CMYK values of C:0.39, M:0.08, Y:0, K:0.25. Its decimal value is 7647167.

Hex triplet	74afbf	`#74afbf`
RGB Decimal	116, 175, 191	`rgb(116,175,191)`
RGB Percent	45.5, 68.6, 74.9	`rgb(45.5%,68.6%,74.9%)`
CMYK	39, 8, 0, 25
HSL	192.8°, 36.9, 60.2	`hsl(192.8,36.9%,60.2%)`
HSV (or HSB)	192.8°, 39.3, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.118, -14.983, -14.215
XYZ	31.934, 38.133, 54.965
xyY	0.255, 0.305, 38.133
CIE-LCH	68.118, 20.654, 223.493
CIE-LUV	68.118, -28.067, -19.433
Hunter-Lab	61.752, -15.757, -9.547
Binary	01110100, 10101111, 10111111

#74afbf
```
#74afbf rgb(116,175,191)
```
#bf8474
```
#bf8474 rgb(191,132,116)
```

Complementary Color

#74bfaa
```
#74bfaa rgb(116,191,170)
```
#74afbf
```
#74afbf rgb(116,175,191)
```
#748abf
```
#748abf rgb(116,138,191)
```

Analogous Color

#bfaa74
```
#bfaa74 rgb(191,170,116)
```
#74afbf
```
#74afbf rgb(116,175,191)
```
#bf748a
```
#bf748a rgb(191,116,138)
```

Split Complementary Color

#afbf74
```
#afbf74 rgb(175,191,116)
```
#74afbf
```
#74afbf rgb(116,175,191)
```
#bf74af
```
#bf74af rgb(191,116,175)
```

Triadic Color

#74bf84
```
#74bf84 rgb(116,191,132)
```
#74afbf
```
#74afbf rgb(116,175,191)
```
#bf74af
```
#bf74af rgb(191,116,175)
```
#bf8474
```
#bf8474 rgb(191,132,116)
```

Tetradic Color

#498c9e
```
#498c9e rgb(73,140,158)
```
#519baf
```
#519baf rgb(81,155,175)
```
#63a5b7
```
#63a5b7 rgb(99,165,183)
```
#74afbf
```
#74afbf rgb(116,175,191)
```
#85b9c7
```
#85b9c7 rgb(133,185,199)
```
#97c3cf
```
#97c3cf rgb(151,195,207)
```
#a8cdd7
```
#a8cdd7 rgb(168,205,215)
```

Monochromatic Color

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

#74bfbc
```
#74bfbc rgb(116,191,188)
```
#74bcbf
```
#74bcbf rgb(116,188,191)
```
#74b5bf
```
#74b5bf rgb(116,181,191)
```
#74afbf
```
#74afbf rgb(116,175,191)
```
#74a9bf
```
#74a9bf rgb(116,169,191)
```
#74a3bf
```
#74a3bf rgb(116,163,191)
```
#749cbf
```
#749cbf rgb(116,156,191)
```

Similar Colors

Text with hexadecimal color #74afbf

This text has a font color of #74afbf.

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

#74afbf background color

This paragraph has a background color of #74afbf.

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

#74afbf border color

This element has a border color of #74afbf.

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

CSS codes

.text {color:#74afbf;}

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

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

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

#040809
```
#040809 rgb(4,8,9)
```
#0a1416
```
#0a1416 rgb(10,20,22)
```
#102024
```
#102024 rgb(16,32,36)
```
#172b31
```
#172b31 rgb(23,43,49)
```
#1d373e
```
#1d373e rgb(29,55,62)
```
#23434c
```
#23434c rgb(35,67,76)
```
#294f59
```
#294f59 rgb(41,79,89)
```
#2f5b67
```
#2f5b67 rgb(47,91,103)
```
#356774
```
#356774 rgb(53,103,116)
```
#3c7382
```
#3c7382 rgb(60,115,130)
```
#427f8f
```
#427f8f rgb(66,127,143)
```
#488a9c
```
#488a9c rgb(72,138,156)
```
#4e96aa
```
#4e96aa rgb(78,150,170)
```

Shade Color Variation

#59a0b3
```
#59a0b3 rgb(89,160,179)
```
#67a7b9
```
#67a7b9 rgb(103,167,185)
```
#74afbf
```
#74afbf rgb(116,175,191)
```
#81b7c5
```
#81b7c5 rgb(129,183,197)
```
#8fbecb
```
#8fbecb rgb(143,190,203)
```
#9cc6d2
```
#9cc6d2 rgb(156,198,210)
```
#aaced8
```
#aaced8 rgb(170,206,216)
```
#b7d6de
```
#b7d6de rgb(183,214,222)
```
#c5dde4
```
#c5dde4 rgb(197,221,228)
```
#d2e5ea
```
#d2e5ea rgb(210,229,234)
```
#dfedf0
```
#dfedf0 rgb(223,237,240)
```
#edf5f7
```
#edf5f7 rgb(237,245,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939da0 is the less saturated color, while #36d3fd is the most saturated one.

#939da0
```
#939da0 rgb(147,157,160)
```
#8ba2a8
```
#8ba2a8 rgb(139,162,168)
```
#84a6af
```
#84a6af rgb(132,166,175)
```
#7cabb7
```
#7cabb7 rgb(124,171,183)
```
#74afbf
```
#74afbf rgb(116,175,191)
```
#6cb3c7
```
#6cb3c7 rgb(108,179,199)
```
#64b8cf
```
#64b8cf rgb(100,184,207)
```
#5dbcd6
```
#5dbcd6 rgb(93,188,214)
```
#55c1de
```
#55c1de rgb(85,193,222)
```
#4dc5e6
```
#4dc5e6 rgb(77,197,230)
```
#45caee
```
#45caee rgb(69,202,238)
```
#3dcef6
```
#3dcef6 rgb(61,206,246)
```
#36d3fd
```
#36d3fd rgb(54,211,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#96a2a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a9bc Protanopia 1% of men
#aca6c6 Deuteranopia 1% of men
#7ab3c0 Tritanopia 0.001% of the population

Trichromacy

#95abbd Protanomaly 1% of men, 0.01% of women
#97a9c3 Deuteranomaly 6% of men, 0.4% of women
#78b1bf Tritanomaly 0.01% of the population

#74afbf hex color

#74afbf Color Information

#74afbf Color Conversion

Color Schemes with #74afbf

Alternatives to #74afbf

#74afbf Preview

Shades and Tints of #74afbf

Tones of #74afbf

Color Blindness Simulator