#74c5bd hex color

In a RGB color space, hex #74c5bd is composed of 45.5% red, 77.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 41.1% cyan, 0% magenta, 4.1% yellow and 22.7% black. It has a hue angle of 174.1 degrees, a saturation of 41.1% and a lightness of 61.4%. #74c5bd color hex could be obtained by blending #e8ffff with #008b7b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 45
- G 77
- B 74
RGB color chart
- C 41
- M 0
- Y 4
- K 23
CMYK color chart

● #74c5bd color description : Slightly desaturated cyan.

The hexadecimal color #74c5bd has RGB values of R:116, G:197, B:189 and CMYK values of C:0.41, M:0, Y:0.04, K:0.23. Its decimal value is 7652797.

Hex triplet	74c5bd	`#74c5bd`
RGB Decimal	116, 197, 189	`rgb(116,197,189)`
RGB Percent	45.5, 77.3, 74.1	`rgb(45.5%,77.3%,74.1%)`
CMYK	41, 0, 4, 23
HSL	174.1°, 41.1, 61.4	`hsl(174.1,41.1%,61.4%)`
HSV (or HSB)	174.1°, 41.1, 77.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.392, -26.686, -3.778
XYZ	36.351, 47.318, 55.359
xyY	0.261, 0.34, 47.318
CIE-LCH	74.392, 26.952, 188.058
CIE-LUV	74.392, -37.173, -1.436
Hunter-Lab	68.788, -26.049, 0.436
Binary	01110100, 11000101, 10111101

#74c5bd
```
#74c5bd rgb(116,197,189)
```
#c5747c
```
#c5747c rgb(197,116,124)
```

Complementary Color

#74c595
```
#74c595 rgb(116,197,149)
```
#74c5bd
```
#74c5bd rgb(116,197,189)
```
#74a5c5
```
#74a5c5 rgb(116,165,197)
```

Analogous Color

#c59574
```
#c59574 rgb(197,149,116)
```
#74c5bd
```
#74c5bd rgb(116,197,189)
```
#c574a5
```
#c574a5 rgb(197,116,165)
```

Split Complementary Color

#c5bd74
```
#c5bd74 rgb(197,189,116)
```
#74c5bd
```
#74c5bd rgb(116,197,189)
```
#bd74c5
```
#bd74c5 rgb(189,116,197)
```

Triadic Color

#7cc574
```
#7cc574 rgb(124,197,116)
```
#74c5bd
```
#74c5bd rgb(116,197,189)
```
#bd74c5
```
#bd74c5 rgb(189,116,197)
```
#c5747c
```
#c5747c rgb(197,116,124)
```

Tetradic Color

#46a79d
```
#46a79d rgb(70,167,157)
```
#50b6ac
```
#50b6ac rgb(80,182,172)
```
#62bdb4
```
#62bdb4 rgb(98,189,180)
```
#74c5bd
```
#74c5bd rgb(116,197,189)
```
#86cdc6
```
#86cdc6 rgb(134,205,198)
```
#98d4ce
```
#98d4ce rgb(152,212,206)
```
#aadcd7
```
#aadcd7 rgb(170,220,215)
```

Monochromatic Color

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

#74c5a9
```
#74c5a9 rgb(116,197,169)
```
#74c5b0
```
#74c5b0 rgb(116,197,176)
```
#74c5b6
```
#74c5b6 rgb(116,197,182)
```
#74c5bd
```
#74c5bd rgb(116,197,189)
```
#74c5c4
```
#74c5c4 rgb(116,197,196)
```
#74c0c5
```
#74c0c5 rgb(116,192,197)
```
#74b9c5
```
#74b9c5 rgb(116,185,197)
```

Similar Colors

Text with hexadecimal color #74c5bd

This text has a font color of #74c5bd.

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

#74c5bd background color

This paragraph has a background color of #74c5bd.

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

#74c5bd border color

This element has a border color of #74c5bd.

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

CSS codes

.text {color:#74c5bd;}

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

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

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, #060d0c is the darkest color, while #feffff is the lightest one.

#060d0c
```
#060d0c rgb(6,13,12)
```
#0b1b1a
```
#0b1b1a rgb(11,27,26)
```
#112927
```
#112927 rgb(17,41,39)
```
#173734
```
#173734 rgb(23,55,52)
```
#1d4541
```
#1d4541 rgb(29,69,65)
```
#22524e
```
#22524e rgb(34,82,78)
```
#28605b
```
#28605b rgb(40,96,91)
```
#2e6e68
```
#2e6e68 rgb(46,110,104)
```
#347c75
```
#347c75 rgb(52,124,117)
```
#3a8a82
```
#3a8a82 rgb(58,138,130)
```
#3f988f
```
#3f988f rgb(63,152,143)
```
#45a59c
```
#45a59c rgb(69,165,156)
```
#4bb3a9
```
#4bb3a9 rgb(75,179,169)
```

Shade Color Variation

#58b9b0
```
#58b9b0 rgb(88,185,176)
```
#66bfb6
```
#66bfb6 rgb(102,191,182)
```
#74c5bd
```
#74c5bd rgb(116,197,189)
```
#82cbc4
```
#82cbc4 rgb(130,203,196)
```
#90d1ca
```
#90d1ca rgb(144,209,202)
```
#9ed6d1
```
#9ed6d1 rgb(158,214,209)
```
#abdcd7
```
#abdcd7 rgb(171,220,215)
```
#b9e2de
```
#b9e2de rgb(185,226,222)
```
#c7e8e4
```
#c7e8e4 rgb(199,232,228)
```
#d5edeb
```
#d5edeb rgb(213,237,235)
```
#e3f3f2
```
#e3f3f2 rgb(227,243,242)
```
#f1f9f8
```
#f1f9f8 rgb(241,249,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#9a9f9f
```
#9a9f9f rgb(154,159,159)
```
#92a7a5
```
#92a7a5 rgb(146,167,165)
```
#8baeab
```
#8baeab rgb(139,174,171)
```
#83b6b1
```
#83b6b1 rgb(131,182,177)
```
#7cbdb7
```
#7cbdb7 rgb(124,189,183)
```
#74c5bd
```
#74c5bd rgb(116,197,189)
```
#6ccdc3
```
#6ccdc3 rgb(108,205,195)
```
#65d4c9
```
#65d4c9 rgb(101,212,201)
```
#5ddccf
```
#5ddccf rgb(93,220,207)
```
#56e3d5
```
#56e3d5 rgb(86,227,213)
```
#4eebdb
```
#4eebdb rgb(78,235,219)
```
#47f2e1
```
#47f2e1 rgb(71,242,225)
```
#3ffae8
```
#3ffae8 rgb(63,250,232)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a1b1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb9b8 Protanopia 1% of men
#c6b5c6 Deuteranopia 1% of men
#81c5d3 Tritanopia 0.001% of the population

Trichromacy

#a3bdba Protanomaly 1% of men, 0.01% of women
#a8bbc3 Deuteranomaly 6% of men, 0.4% of women
#7cc5cb Tritanomaly 0.01% of the population

#74c5bd hex color

#74c5bd Color Information

#74c5bd Color Conversion

Color Schemes with #74c5bd

Alternatives to #74c5bd

#74c5bd Preview

Shades and Tints of #74c5bd

Tones of #74c5bd

Color Blindness Simulator