#74c6ba hex color

In a RGB color space, hex #74c6ba is composed of 45.5% red, 77.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 0% magenta, 6.1% yellow and 22.4% black. It has a hue angle of 171.2 degrees, a saturation of 41.8% and a lightness of 61.6%. #74c6ba color hex could be obtained by blending #e8ffff with #008d75. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 45
- G 78
- B 73
RGB color chart
- C 41
- M 0
- Y 6
- K 22
CMYK color chart

● #74c6ba color description : Slightly desaturated cyan.

The hexadecimal color #74c6ba has RGB values of R:116, G:198, B:186 and CMYK values of C:0.41, M:0, Y:0.06, K:0.22. Its decimal value is 7653050.

Hex triplet	74c6ba	`#74c6ba`
RGB Decimal	116, 198, 186	`rgb(116,198,186)`
RGB Percent	45.5, 77.6, 72.9	`rgb(45.5%,77.6%,72.9%)`
CMYK	41, 0, 6, 22
HSL	171.2°, 41.8, 61.6	`hsl(171.2,41.8%,61.6%)`
HSV (or HSB)	171.2°, 41.4, 77.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.6, -27.895, -1.846
XYZ	36.257, 47.644, 53.737
xyY	0.263, 0.346, 47.644
CIE-LCH	74.6, 27.956, 183.786
CIE-LUV	74.6, -37.668, 1.715
Hunter-Lab	69.025, -27.032, 2.159
Binary	01110100, 11000110, 10111010

#74c6ba
```
#74c6ba rgb(116,198,186)
```
#c67480
```
#c67480 rgb(198,116,128)
```

Complementary Color

#74c691
```
#74c691 rgb(116,198,145)
```
#74c6ba
```
#74c6ba rgb(116,198,186)
```
#74a9c6
```
#74a9c6 rgb(116,169,198)
```

Analogous Color

#c69174
```
#c69174 rgb(198,145,116)
```
#74c6ba
```
#74c6ba rgb(116,198,186)
```
#c674a9
```
#c674a9 rgb(198,116,169)
```

Split Complementary Color

#c6ba74
```
#c6ba74 rgb(198,186,116)
```
#74c6ba
```
#74c6ba rgb(116,198,186)
```
#ba74c6
```
#ba74c6 rgb(186,116,198)
```

Triadic Color

#80c674
```
#80c674 rgb(128,198,116)
```
#74c6ba
```
#74c6ba rgb(116,198,186)
```
#ba74c6
```
#ba74c6 rgb(186,116,198)
```
#c67480
```
#c67480 rgb(198,116,128)
```

Tetradic Color

#45a89a
```
#45a89a rgb(69,168,154)
```
#50b7a8
```
#50b7a8 rgb(80,183,168)
```
#62bfb1
```
#62bfb1 rgb(98,191,177)
```
#74c6ba
```
#74c6ba rgb(116,198,186)
```
#86cdc3
```
#86cdc3 rgb(134,205,195)
```
#98d5cc
```
#98d5cc rgb(152,213,204)
```
#aadcd5
```
#aadcd5 rgb(170,220,213)
```

Monochromatic Color

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

#74c6a6
```
#74c6a6 rgb(116,198,166)
```
#74c6ac
```
#74c6ac rgb(116,198,172)
```
#74c6b3
```
#74c6b3 rgb(116,198,179)
```
#74c6ba
```
#74c6ba rgb(116,198,186)
```
#74c6c1
```
#74c6c1 rgb(116,198,193)
```
#74c4c6
```
#74c4c6 rgb(116,196,198)
```
#74bec6
```
#74bec6 rgb(116,190,198)
```

Similar Colors

Text with hexadecimal color #74c6ba

This text has a font color of #74c6ba.

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

#74c6ba background color

This paragraph has a background color of #74c6ba.

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

#74c6ba border color

This element has a border color of #74c6ba.

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

CSS codes

.text {color:#74c6ba;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e0d
```
#060e0d rgb(6,14,13)
```
#0b1c1a
```
#0b1c1a rgb(11,28,26)
```
#112a26
```
#112a26 rgb(17,42,38)
```
#173833
```
#173833 rgb(23,56,51)
```
#1d4640
```
#1d4640 rgb(29,70,64)
```
#22544c
```
#22544c rgb(34,84,76)
```
#286159
```
#286159 rgb(40,97,89)
```
#2e6f66
```
#2e6f66 rgb(46,111,102)
```
#337d72
```
#337d72 rgb(51,125,114)
```
#398b7f
```
#398b7f rgb(57,139,127)
```
#3f998c
```
#3f998c rgb(63,153,140)
```
#44a799
```
#44a799 rgb(68,167,153)
```

Shade Color Variation

#4ab5a5
```
#4ab5a5 rgb(74,181,165)
```
#58bbac
```
#58bbac rgb(88,187,172)
```
#66c0b3
```
#66c0b3 rgb(102,192,179)
```
#74c6ba
```
#74c6ba rgb(116,198,186)
```
#82ccc1
```
#82ccc1 rgb(130,204,193)
```
#90d1c8
```
#90d1c8 rgb(144,209,200)
```
#9ed7cf
```
#9ed7cf rgb(158,215,207)
```
#acddd6
```
#acddd6 rgb(172,221,214)
```
#bae3dd
```
#bae3dd rgb(186,227,221)
```
#c7e8e3
```
#c7e8e3 rgb(199,232,227)
```
#d5eeea
```
#d5eeea rgb(213,238,234)
```
#e3f4f1
```
#e3f4f1 rgb(227,244,241)
```
#f1f9f8
```
#f1f9f8 rgb(241,249,248)
```

Tint Color Variation

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

#9aa09f
```
#9aa09f rgb(154,160,159)
```
#92a8a5
```
#92a8a5 rgb(146,168,165)
```
#8bafaa
```
#8bafaa rgb(139,175,170)
```
#83b7af
```
#83b7af rgb(131,183,175)
```
#7cbeb5
```
#7cbeb5 rgb(124,190,181)
```
#74c6ba
```
#74c6ba rgb(116,198,186)
```
#6ccebf
```
#6ccebf rgb(108,206,191)
```
#65d5c5
```
#65d5c5 rgb(101,213,197)
```
#5dddca
```
#5dddca rgb(93,221,202)
```
#56e4cf
```
#56e4cf rgb(86,228,207)
```
#4eecd5
```
#4eecd5 rgb(78,236,213)
```
#47f3da
```
#47f3da rgb(71,243,218)
```
#3ffbdf
```
#3ffbdf rgb(63,251,223)
```

Tone Color Variation

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

#bfbab5 Protanopia 1% of men
#c8b6c4 Deuteranopia 1% of men
#82c5d3 Tritanopia 0.001% of the population

Trichromacy

#a4beb7 Protanomaly 1% of men, 0.01% of women
#a9bbc0 Deuteranomaly 6% of men, 0.4% of women
#7dc5ca Tritanomaly 0.01% of the population

#74c6ba hex color

#74c6ba Color Information

#74c6ba Color Conversion

Color Schemes with #74c6ba

Alternatives to #74c6ba

#74c6ba Preview

Shades and Tints of #74c6ba

Tones of #74c6ba

Color Blindness Simulator