colorhexa.com

#74ccd1 hex color

In a RGB color space, hex #74ccd1 is composed of 45.5% red, 80% green and 82% blue. Whereas in a CMYK color space, it is composed of 44.5% cyan, 2.4% magenta, 0% yellow and 18% black. It has a hue angle of 183.2 degrees, a saturation of 50.3% and a lightness of 63.7%. #74ccd1 color hex could be obtained by blending #e8ffff with #0099a3. Closest websafe color is: #66cccc.

- R 45
- G 80
- B 82
RGB color chart
- C 44
- M 2
- Y 0
- K 18
CMYK color chart

● #74ccd1 color description : Slightly desaturated cyan.

The hexadecimal color #74ccd1 has RGB values of R:116, G:204, B:209 and CMYK values of C:0.44, M:0.02, Y:0, K:0.18. Its decimal value is 7654609.

Hex triplet	74ccd1	`#74ccd1`
RGB Decimal	116, 204, 209	`rgb(116,204,209)`
RGB Percent	45.5, 80, 82	`rgb(45.5%,80%,82%)`
CMYK	44, 2, 0, 18
HSL	183.2°, 50.3, 63.7	`hsl(183.2,50.3%,63.7%)`
HSV (or HSB)	183.2°, 44.5, 82
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.981, -25.148, -10.755
XYZ	40.301, 51.5, 68.135
xyY	0.252, 0.322, 51.5
CIE-LCH	76.981, 27.351, 203.156
CIE-LUV	76.981, -39.392, -12.686
Hunter-Lab	71.763, -25.344, -6.058
Binary	01110100, 11001100, 11010001

#74ccd1
```
#74ccd1 rgb(116,204,209)
```
#d17974
```
#d17974 rgb(209,121,116)
```

Complementary Color

#74d1a8
```
#74d1a8 rgb(116,209,168)
```
#74ccd1
```
#74ccd1 rgb(116,204,209)
```
#749ed1
```
#749ed1 rgb(116,158,209)
```

Analogous Color

#d1a874
```
#d1a874 rgb(209,168,116)
```
#74ccd1
```
#74ccd1 rgb(116,204,209)
```
#d1749e
```
#d1749e rgb(209,116,158)
```

Split Complementary Color

#ccd174
```
#ccd174 rgb(204,209,116)
```
#74ccd1
```
#74ccd1 rgb(116,204,209)
```
#d174cc
```
#d174cc rgb(209,116,204)
```

Triadic Color

#74d179
```
#74d179 rgb(116,209,121)
```
#74ccd1
```
#74ccd1 rgb(116,204,209)
```
#d174cc
```
#d174cc rgb(209,116,204)
```
#d17974
```
#d17974 rgb(209,121,116)
```

Tetradic Color

#3eb4bb
```
#3eb4bb rgb(62,180,187)
```
#4ebec4
```
#4ebec4 rgb(78,190,196)
```
#61c5cb
```
#61c5cb rgb(97,197,203)
```
#74ccd1
```
#74ccd1 rgb(116,204,209)
```
#87d3d7
```
#87d3d7 rgb(135,211,215)
```
#9adade
```
#9adade rgb(154,218,222)
```
#ade1e4
```
#ade1e4 rgb(173,225,228)
```

Monochromatic Color

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

#74d1bf
```
#74d1bf rgb(116,209,191)
```
#74d1c7
```
#74d1c7 rgb(116,209,199)
```
#74d1ce
```
#74d1ce rgb(116,209,206)
```
#74ccd1
```
#74ccd1 rgb(116,204,209)
```
#74c4d1
```
#74c4d1 rgb(116,196,209)
```
#74bdd1
```
#74bdd1 rgb(116,189,209)
```
#74b5d1
```
#74b5d1 rgb(116,181,209)
```

Similar Colors

Text with hexadecimal color #74ccd1

This text has a font color of #74ccd1.

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

#74ccd1 background color

This paragraph has a background color of #74ccd1.

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

#74ccd1 border color

This element has a border color of #74ccd1.

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

CSS codes

.text {color:#74ccd1;}

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

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

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

#030808
```
#030808 rgb(3,8,8)
```
#081617
```
#081617 rgb(8,22,23)
```
#0d2426
```
#0d2426 rgb(13,36,38)
```
#113335
```
#113335 rgb(17,51,53)
```
#164143
```
#164143 rgb(22,65,67)
```
#1b4f52
```
#1b4f52 rgb(27,79,82)
```
#205d61
```
#205d61 rgb(32,93,97)
```
#256c70
```
#256c70 rgb(37,108,112)
```
#2a7a7e
```
#2a7a7e rgb(42,122,126)
```
#2f888d
```
#2f888d rgb(47,136,141)
```
#34969c
```
#34969c rgb(52,150,156)
```
#38a4aa
```
#38a4aa rgb(56,164,170)
```
#3db3b9
```
#3db3b9 rgb(61,179,185)
```

Shade Color Variation

#48bcc2
```
#48bcc2 rgb(72,188,194)
```
#57c1c7
```
#57c1c7 rgb(87,193,199)
```
#65c7cc
```
#65c7cc rgb(101,199,204)
```
#74ccd1
```
#74ccd1 rgb(116,204,209)
```
#83d1d6
```
#83d1d6 rgb(131,209,214)
```
#91d7db
```
#91d7db rgb(145,215,219)
```
#a0dce0
```
#a0dce0 rgb(160,220,224)
```
#afe2e5
```
#afe2e5 rgb(175,226,229)
```
#bee7e9
```
#bee7e9 rgb(190,231,233)
```
#ccecee
```
#ccecee rgb(204,236,238)
```
#dbf2f3
```
#dbf2f3 rgb(219,242,243)
```
#eaf7f8
```
#eaf7f8 rgb(234,247,248)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#9fa6a6
```
#9fa6a6 rgb(159,166,166)
```
#98acad
```
#98acad rgb(152,172,173)
```
#90b3b5
```
#90b3b5 rgb(144,179,181)
```
#89b9bc
```
#89b9bc rgb(137,185,188)
```
#82bfc3
```
#82bfc3 rgb(130,191,195)
```
#7bc6ca
```
#7bc6ca rgb(123,198,202)
```
#74ccd1
```
#74ccd1 rgb(116,204,209)
```
#6dd2d8
```
#6dd2d8 rgb(109,210,216)
```
#66d9df
```
#66d9df rgb(102,217,223)
```
#5fdfe6
```
#5fdfe6 rgb(95,223,230)
```
#58e5ed
```
#58e5ed rgb(88,229,237)
```
#50ecf5
```
#50ecf5 rgb(80,236,245)
```
#49f2fc
```
#49f2fc rgb(73,242,252)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a6b7b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c0cb Protanopia 1% of men
#c7bcd9 Deuteranopia 1% of men
#7ecddc Tritanopia 0.001% of the population

Trichromacy

#a5c4cd Protanomaly 1% of men, 0.01% of women
#a9c2d6 Deuteranomaly 6% of men, 0.4% of women
#7accd8 Tritanomaly 0.01% of the population