#74b7cc hex color

In a RGB color space, hex #74b7cc is composed of 45.5% red, 71.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 43.1% cyan, 10.3% magenta, 0% yellow and 20% black. It has a hue angle of 194.3 degrees, a saturation of 46.3% and a lightness of 62.7%. #74b7cc color hex could be obtained by blending #e8ffff with #006f99. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 45
- G 72
- B 80
RGB color chart
- C 43
- M 10
- Y 0
- K 20
CMYK color chart

● #74b7cc color description : Slightly desaturated cyan.

The hexadecimal color #74b7cc has RGB values of R:116, G:183, B:204 and CMYK values of C:0.43, M:0.1, Y:0, K:0.2. Its decimal value is 7649228.

Hex triplet	74b7cc	`#74b7cc`
RGB Decimal	116, 183, 204	`rgb(116,183,204)`
RGB Percent	45.5, 71.8, 80	`rgb(45.5%,71.8%,80%)`
CMYK	43, 10, 0, 20
HSL	194.3°, 46.3, 62.7	`hsl(194.3,46.3%,62.7%)`
HSV (or HSB)	194.3°, 43.1, 80
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.828, -15.766, -17.281
XYZ	35.032, 41.938, 63.372
xyY	0.25, 0.299, 41.938
CIE-LCH	70.828, 23.392, 227.625
CIE-LUV	70.828, -31.118, -24.383
Hunter-Lab	64.759, -16.767, -12.688
Binary	01110100, 10110111, 11001100

#74b7cc
```
#74b7cc rgb(116,183,204)
```
#cc8974
```
#cc8974 rgb(204,137,116)
```

Complementary Color

#74ccb5
```
#74ccb5 rgb(116,204,181)
```
#74b7cc
```
#74b7cc rgb(116,183,204)
```
#748bcc
```
#748bcc rgb(116,139,204)
```

Analogous Color

#ccb574
```
#ccb574 rgb(204,181,116)
```
#74b7cc
```
#74b7cc rgb(116,183,204)
```
#cc748b
```
#cc748b rgb(204,116,139)
```

Split Complementary Color

#b7cc74
```
#b7cc74 rgb(183,204,116)
```
#74b7cc
```
#74b7cc rgb(116,183,204)
```
#cc74b7
```
#cc74b7 rgb(204,116,183)
```

Triadic Color

#74cc89
```
#74cc89 rgb(116,204,137)
```
#74b7cc
```
#74b7cc rgb(116,183,204)
```
#cc74b7
```
#cc74b7 rgb(204,116,183)
```
#cc8974
```
#cc8974 rgb(204,137,116)
```

Tetradic Color

#4197b2
```
#4197b2 rgb(65,151,178)
```
#4fa4be
```
#4fa4be rgb(79,164,190)
```
#61adc5
```
#61adc5 rgb(97,173,197)
```
#74b7cc
```
#74b7cc rgb(116,183,204)
```
#87c1d3
```
#87c1d3 rgb(135,193,211)
```
#99cada
```
#99cada rgb(153,202,218)
```
#acd4e1
```
#acd4e1 rgb(172,212,225)
```

Monochromatic Color

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

#74cccb
```
#74cccb rgb(116,204,203)
```
#74c6cc
```
#74c6cc rgb(116,198,204)
```
#74becc
```
#74becc rgb(116,190,204)
```
#74b7cc
```
#74b7cc rgb(116,183,204)
```
#74b0cc
```
#74b0cc rgb(116,176,204)
```
#74a8cc
```
#74a8cc rgb(116,168,204)
```
#74a1cc
```
#74a1cc rgb(116,161,204)
```

Similar Colors

Text with hexadecimal color #74b7cc

This text has a font color of #74b7cc.

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

#74b7cc background color

This paragraph has a background color of #74b7cc.

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

#74b7cc border color

This element has a border color of #74b7cc.

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

CSS codes

.text {color:#74b7cc;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#071013
```
#071013 rgb(7,16,19)
```
#0c1c21
```
#0c1c21 rgb(12,28,33)
```
#112830
```
#112830 rgb(17,40,48)
```
#17353e
```
#17353e rgb(23,53,62)
```
#1c414c
```
#1c414c rgb(28,65,76)
```
#214d5b
```
#214d5b rgb(33,77,91)
```
#275969
```
#275969 rgb(39,89,105)
```
#2c6577
```
#2c6577 rgb(44,101,119)
```
#317186
```
#317186 rgb(49,113,134)
```
#367e94
```
#367e94 rgb(54,126,148)
```
#3c8aa2
```
#3c8aa2 rgb(60,138,162)
```
#4196b1
```
#4196b1 rgb(65,150,177)
```

Shade Color Variation

#49a1bc
```
#49a1bc rgb(73,161,188)
```
#57a8c1
```
#57a8c1 rgb(87,168,193)
```
#66b0c7
```
#66b0c7 rgb(102,176,199)
```
#74b7cc
```
#74b7cc rgb(116,183,204)
```
#82bed1
```
#82bed1 rgb(130,190,209)
```
#91c6d7
```
#91c6d7 rgb(145,198,215)
```
#9fcddc
```
#9fcddc rgb(159,205,220)
```
#add5e1
```
#add5e1 rgb(173,213,225)
```
#bcdce6
```
#bcdce6 rgb(188,220,230)
```
#cae4ec
```
#cae4ec rgb(202,228,236)
```
#d8ebf1
```
#d8ebf1 rgb(216,235,241)
```
#e7f2f6
```
#e7f2f6 rgb(231,242,246)
```
#f5fafb
```
#f5fafb rgb(245,250,251)
```

Tint Color Variation

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

#a0a0a0
```
#a0a0a0 rgb(160,160,160)
```
#99a4a7
```
#99a4a7 rgb(153,164,167)
```
#91a8af
```
#91a8af rgb(145,168,175)
```
#8aacb6
```
#8aacb6 rgb(138,172,182)
```
#83afbd
```
#83afbd rgb(131,175,189)
```
#7bb3c5
```
#7bb3c5 rgb(123,179,197)
```
#74b7cc
```
#74b7cc rgb(116,183,204)
```
#6dbbd3
```
#6dbbd3 rgb(109,187,211)
```
#65bfdb
```
#65bfdb rgb(101,191,219)
```
#5ec2e2
```
#5ec2e2 rgb(94,194,226)
```
#57c6e9
```
#57c6e9 rgb(87,198,233)
```
#4fcaf1
```
#4fcaf1 rgb(79,202,241)
```
#48cef8
```
#48cef8 rgb(72,206,248)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9ba9ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb0c8 Protanopia 1% of men
#b0add3 Deuteranopia 1% of men
#79bbc9 Tritanopia 0.001% of the population

Trichromacy

#98b2c9 Protanomaly 1% of men, 0.01% of women
#9ab1d0 Deuteranomaly 6% of men, 0.4% of women
#77b9ca Tritanomaly 0.01% of the population

#74b7cc hex color

#74b7cc Color Information

#74b7cc Color Conversion

Color Schemes with #74b7cc

Alternatives to #74b7cc

#74b7cc Preview

Shades and Tints of #74b7cc

Tones of #74b7cc

Color Blindness Simulator