#74bccd hex color

In a RGB color space, hex #74bccd is composed of 45.5% red, 73.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 8.3% magenta, 0% yellow and 19.6% black. It has a hue angle of 191.5 degrees, a saturation of 47.1% and a lightness of 62.9%. #74bccd color hex could be obtained by blending #e8ffff with #00799b. Closest websafe color is: #66cccc.

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

● #74bccd color description : Slightly desaturated cyan.

The hexadecimal color #74bccd has RGB values of R:116, G:188, B:205 and CMYK values of C:0.43, M:0.08, Y:0, K:0.2. Its decimal value is 7650509.

Hex triplet	74bccd	`#74bccd`
RGB Decimal	116, 188, 205	`rgb(116,188,205)`
RGB Percent	45.5, 73.7, 80.4	`rgb(45.5%,73.7%,80.4%)`
CMYK	43, 8, 0, 20
HSL	191.5°, 47.1, 62.9	`hsl(191.5,47.1%,62.9%)`
HSV (or HSB)	191.5°, 43.4, 80.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.285, -18.101, -15.628
XYZ	36.202, 44.085, 64.356
xyY	0.25, 0.305, 44.085
CIE-LCH	72.285, 23.914, 220.807
CIE-LUV	72.285, -33.109, -21.43
Hunter-Lab	66.397, -18.868, -10.99
Binary	01110100, 10111100, 11001101

#74bccd
```
#74bccd rgb(116,188,205)
```
#cd8574
```
#cd8574 rgb(205,133,116)
```

Complementary Color

#74cdb2
```
#74cdb2 rgb(116,205,178)
```
#74bccd
```
#74bccd rgb(116,188,205)
```
#7490cd
```
#7490cd rgb(116,144,205)
```

Analogous Color

#cdb274
```
#cdb274 rgb(205,178,116)
```
#74bccd
```
#74bccd rgb(116,188,205)
```
#cd7490
```
#cd7490 rgb(205,116,144)
```

Split Complementary Color

#bccd74
```
#bccd74 rgb(188,205,116)
```
#74bccd
```
#74bccd rgb(116,188,205)
```
#cd74bc
```
#cd74bc rgb(205,116,188)
```

Triadic Color

#74cd85
```
#74cd85 rgb(116,205,133)
```
#74bccd
```
#74bccd rgb(116,188,205)
```
#cd74bc
```
#cd74bc rgb(205,116,188)
```
#cd8574
```
#cd8574 rgb(205,133,116)
```

Tetradic Color

#419eb4
```
#419eb4 rgb(65,158,180)
```
#4eaac0
```
#4eaac0 rgb(78,170,192)
```
#61b3c6
```
#61b3c6 rgb(97,179,198)
```
#74bccd
```
#74bccd rgb(116,188,205)
```
#87c5d4
```
#87c5d4 rgb(135,197,212)
```
#9aceda
```
#9aceda rgb(154,206,218)
```
#acd7e1
```
#acd7e1 rgb(172,215,225)
```

Monochromatic Color

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

#74cdc8
```
#74cdc8 rgb(116,205,200)
```
#74cbcd
```
#74cbcd rgb(116,203,205)
```
#74c3cd
```
#74c3cd rgb(116,195,205)
```
#74bccd
```
#74bccd rgb(116,188,205)
```
#74b5cd
```
#74b5cd rgb(116,181,205)
```
#74adcd
```
#74adcd rgb(116,173,205)
```
#74a6cd
```
#74a6cd rgb(116,166,205)
```

Similar Colors

Text with hexadecimal color #74bccd

This text has a font color of #74bccd.

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

#74bccd background color

This paragraph has a background color of #74bccd.

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

#74bccd border color

This element has a border color of #74bccd.

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

CSS codes

.text {color:#74bccd;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#071114
```
#071114 rgb(7,17,20)
```
#0c1e22
```
#0c1e22 rgb(12,30,34)
```
#112b31
```
#112b31 rgb(17,43,49)
```
#17373f
```
#17373f rgb(23,55,63)
```
#1c444d
```
#1c444d rgb(28,68,77)
```
#21515c
```
#21515c rgb(33,81,92)
```
#265d6a
```
#265d6a rgb(38,93,106)
```
#2b6a79
```
#2b6a79 rgb(43,106,121)
```
#317787
```
#317787 rgb(49,119,135)
```
#368396
```
#368396 rgb(54,131,150)
```
#3b90a4
```
#3b90a4 rgb(59,144,164)
```
#409db2
```
#409db2 rgb(64,157,178)
```

Shade Color Variation

#49a7bd
```
#49a7bd rgb(73,167,189)
```
#57aec3
```
#57aec3 rgb(87,174,195)
```
#66b5c8
```
#66b5c8 rgb(102,181,200)
```
#74bccd
```
#74bccd rgb(116,188,205)
```
#82c3d2
```
#82c3d2 rgb(130,195,210)
```
#91cad7
```
#91cad7 rgb(145,202,215)
```
#9fd1dd
```
#9fd1dd rgb(159,209,221)
```
#aed8e2
```
#aed8e2 rgb(174,216,226)
```
#bcdfe7
```
#bcdfe7 rgb(188,223,231)
```
#cbe6ec
```
#cbe6ec rgb(203,230,236)
```
#d9edf1
```
#d9edf1 rgb(217,237,241)
```
#e7f4f7
```
#e7f4f7 rgb(231,244,247)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

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

#a0a1a1
```
#a0a1a1 rgb(160,161,161)
```
#98a6a9
```
#98a6a9 rgb(152,166,169)
```
#91aab0
```
#91aab0 rgb(145,170,176)
```
#8aafb7
```
#8aafb7 rgb(138,175,183)
```
#83b3be
```
#83b3be rgb(131,179,190)
```
#7bb8c6
```
#7bb8c6 rgb(123,184,198)
```
#74bccd
```
#74bccd rgb(116,188,205)
```
#6dc0d4
```
#6dc0d4 rgb(109,192,212)
```
#65c5dc
```
#65c5dc rgb(101,197,220)
```
#5ec9e3
```
#5ec9e3 rgb(94,201,227)
```
#57ceea
```
#57ceea rgb(87,206,234)
```
#50d2f1
```
#50d2f1 rgb(80,210,241)
```
#48d7f9
```
#48d7f9 rgb(72,215,249)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9eacaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b4c8 Protanopia 1% of men
#b5b1d4 Deuteranopia 1% of men
#7abfcd Tritanopia 0.001% of the population

Trichromacy

#9bb6ca Protanomaly 1% of men, 0.01% of women
#9db5d1 Deuteranomaly 6% of men, 0.4% of women
#78becd Tritanomaly 0.01% of the population

#74bccd hex color

#74bccd Color Information

#74bccd Color Conversion

Color Schemes with #74bccd

Alternatives to #74bccd

#74bccd Preview

Shades and Tints of #74bccd

Tones of #74bccd

Color Blindness Simulator