#74bdd4 hex color

In a RGB color space, hex #74bdd4 is composed of 45.5% red, 74.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 10.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 194.4 degrees, a saturation of 52.7% and a lightness of 64.3%. #74bdd4 color hex could be obtained by blending #e8ffff with #007ba9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 45
- G 74
- B 83
RGB color chart
- C 45
- M 11
- Y 0
- K 17
CMYK color chart

● #74bdd4 color description : Slightly desaturated cyan.

The hexadecimal color #74bdd4 has RGB values of R:116, G:189, B:212 and CMYK values of C:0.45, M:0.11, Y:0, K:0.17. Its decimal value is 7650772.

Hex triplet	74bdd4	`#74bdd4`
RGB Decimal	116, 189, 212	`rgb(116,189,212)`
RGB Percent	45.5, 74.1, 83.1	`rgb(45.5%,74.1%,83.1%)`
CMYK	45, 11, 0, 17
HSL	194.4°, 52.7, 64.3	`hsl(194.4,52.7%,64.3%)`
HSV (or HSB)	194.4°, 45.3, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.799, -16.752, -18.668
XYZ	37.281, 44.86, 68.978
xyY	0.247, 0.297, 44.86
CIE-LCH	72.799, 25.082, 228.095
CIE-LUV	72.799, -33.35, -26.602
Hunter-Lab	66.977, -17.854, -14.177
Binary	01110100, 10111101, 11010100

#74bdd4
```
#74bdd4 rgb(116,189,212)
```
#d48b74
```
#d48b74 rgb(212,139,116)
```

Complementary Color

#74d4bb
```
#74d4bb rgb(116,212,187)
```
#74bdd4
```
#74bdd4 rgb(116,189,212)
```
#748dd4
```
#748dd4 rgb(116,141,212)
```

Analogous Color

#d4bb74
```
#d4bb74 rgb(212,187,116)
```
#74bdd4
```
#74bdd4 rgb(116,189,212)
```
#d4748d
```
#d4748d rgb(212,116,141)
```

Split Complementary Color

#bdd474
```
#bdd474 rgb(189,212,116)
```
#74bdd4
```
#74bdd4 rgb(116,189,212)
```
#d474bd
```
#d474bd rgb(212,116,189)
```

Triadic Color

#74d48b
```
#74d48b rgb(116,212,139)
```
#74bdd4
```
#74bdd4 rgb(116,189,212)
```
#d474bd
```
#d474bd rgb(212,116,189)
```
#d48b74
```
#d48b74 rgb(212,139,116)
```

Tetradic Color

#3ba0c0
```
#3ba0c0 rgb(59,160,192)
```
#4dabc8
```
#4dabc8 rgb(77,171,200)
```
#61b4ce
```
#61b4ce rgb(97,180,206)
```
#74bdd4
```
#74bdd4 rgb(116,189,212)
```
#87c6da
```
#87c6da rgb(135,198,218)
```
#9bcfe0
```
#9bcfe0 rgb(155,207,224)
```
#aed9e6
```
#aed9e6 rgb(174,217,230)
```

Monochromatic Color

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

#74d4d3
```
#74d4d3 rgb(116,212,211)
```
#74cdd4
```
#74cdd4 rgb(116,205,212)
```
#74c5d4
```
#74c5d4 rgb(116,197,212)
```
#74bdd4
```
#74bdd4 rgb(116,189,212)
```
#74b5d4
```
#74b5d4 rgb(116,181,212)
```
#74add4
```
#74add4 rgb(116,173,212)
```
#74a5d4
```
#74a5d4 rgb(116,165,212)
```

Similar Colors

Text with hexadecimal color #74bdd4

This text has a font color of #74bdd4.

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

#74bdd4 background color

This paragraph has a background color of #74bdd4.

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

#74bdd4 border color

This element has a border color of #74bdd4.

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

CSS codes

.text {color:#74bdd4;}

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

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

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, #03090b is the darkest color, while #fbfdfe is the lightest one.

#03090b
```
#03090b rgb(3,9,11)
```
#08161a
```
#08161a rgb(8,22,26)
```
#0d2229
```
#0d2229 rgb(13,34,41)
```
#112f38
```
#112f38 rgb(17,47,56)
```
#163b47
```
#163b47 rgb(22,59,71)
```
#1b4856
```
#1b4856 rgb(27,72,86)
```
#1f5465
```
#1f5465 rgb(31,84,101)
```
#246174
```
#246174 rgb(36,97,116)
```
#286d83
```
#286d83 rgb(40,109,131)
```
#2d7a92
```
#2d7a92 rgb(45,122,146)
```
#3286a1
```
#3286a1 rgb(50,134,161)
```
#3693b0
```
#3693b0 rgb(54,147,176)
```
#3b9fbf
```
#3b9fbf rgb(59,159,191)
```

Shade Color Variation

#47a8c6
```
#47a8c6 rgb(71,168,198)
```
#56afcb
```
#56afcb rgb(86,175,203)
```
#65b6cf
```
#65b6cf rgb(101,182,207)
```
#74bdd4
```
#74bdd4 rgb(116,189,212)
```
#83c4d9
```
#83c4d9 rgb(131,196,217)
```
#92cbdd
```
#92cbdd rgb(146,203,221)
```
#a1d2e2
```
#a1d2e2 rgb(161,210,226)
```
#b0d9e7
```
#b0d9e7 rgb(176,217,231)
```
#bfe1eb
```
#bfe1eb rgb(191,225,235)
```
#cee8f0
```
#cee8f0 rgb(206,232,240)
```
#ddeff4
```
#ddeff4 rgb(221,239,244)
```
#ecf6f9
```
#ecf6f9 rgb(236,246,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea7aa is the less saturated color, while #4ad3fe is the most saturated one.

#9ea7aa
```
#9ea7aa rgb(158,167,170)
```
#97abb1
```
#97abb1 rgb(151,171,177)
```
#90aeb8
```
#90aeb8 rgb(144,174,184)
```
#89b2bf
```
#89b2bf rgb(137,178,191)
```
#82b6c6
```
#82b6c6 rgb(130,182,198)
```
#7bb9cd
```
#7bb9cd rgb(123,185,205)
```
#74bdd4
```
#74bdd4 rgb(116,189,212)
```
#6dc1db
```
#6dc1db rgb(109,193,219)
```
#66c4e2
```
#66c4e2 rgb(102,196,226)
```
#5fc8e9
```
#5fc8e9 rgb(95,200,233)
```
#58ccf0
```
#58ccf0 rgb(88,204,240)
```
#51cff7
```
#51cff7 rgb(81,207,247)
```
#4ad3fe
```
#4ad3fe rgb(74,211,254)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#9faeb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b5cf Protanopia 1% of men
#b4b3db Deuteranopia 1% of men
#78c1cf Tritanopia 0.001% of the population

Trichromacy

#9bb8d1 Protanomaly 1% of men, 0.01% of women
#9cb6d8 Deuteranomaly 6% of men, 0.4% of women
#77bfd1 Tritanomaly 0.01% of the population

#74bdd4 hex color

#74bdd4 Color Information

#74bdd4 Color Conversion

Color Schemes with #74bdd4

Alternatives to #74bdd4

#74bdd4 Preview

Shades and Tints of #74bdd4

Tones of #74bdd4

Color Blindness Simulator