#74c5da hex color

In a RGB color space, hex #74c5da is composed of 45.5% red, 77.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 9.6% magenta, 0% yellow and 14.5% black. It has a hue angle of 192.4 degrees, a saturation of 58% and a lightness of 65.5%. #74c5da color hex could be obtained by blending #e8ffff with #008bb5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 45
- G 77
- B 85
RGB color chart
- C 47
- M 10
- Y 0
- K 15
CMYK color chart

● #74c5da color description : Soft cyan.

The hexadecimal color #74c5da has RGB values of R:116, G:197, B:218 and CMYK values of C:0.47, M:0.1, Y:0, K:0.15. Its decimal value is 7652826.

Hex triplet	74c5da	`#74c5da`
RGB Decimal	116, 197, 218	`rgb(116,197,218)`
RGB Percent	45.5, 77.3, 85.5	`rgb(45.5%,77.3%,85.5%)`
CMYK	47, 10, 0, 15
HSL	192.4°, 58, 65.5	`hsl(192.4,58%,65.5%)`
HSV (or HSB)	192.4°, 46.8, 85.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	75.267, -19.262, -18.189
XYZ	39.82, 48.705, 73.628
xyY	0.246, 0.3, 48.705
CIE-LCH	75.267, 26.492, 223.359
CIE-LUV	75.267, -36.358, -25.573
Hunter-Lab	69.789, -20.282, -13.7
Binary	01110100, 11000101, 11011010

#74c5da
```
#74c5da rgb(116,197,218)
```
#da8974
```
#da8974 rgb(218,137,116)
```

Complementary Color

#74dabc
```
#74dabc rgb(116,218,188)
```
#74c5da
```
#74c5da rgb(116,197,218)
```
#7492da
```
#7492da rgb(116,146,218)
```

Analogous Color

#dabc74
```
#dabc74 rgb(218,188,116)
```
#74c5da
```
#74c5da rgb(116,197,218)
```
#da7492
```
#da7492 rgb(218,116,146)
```

Split Complementary Color

#c5da74
```
#c5da74 rgb(197,218,116)
```
#74c5da
```
#74c5da rgb(116,197,218)
```
#da74c5
```
#da74c5 rgb(218,116,197)
```

Triadic Color

#74da89
```
#74da89 rgb(116,218,137)
```
#74c5da
```
#74c5da rgb(116,197,218)
```
#da74c5
```
#da74c5 rgb(218,116,197)
```
#da8974
```
#da8974 rgb(218,137,116)
```

Tetradic Color

#38acca
```
#38acca rgb(56,172,202)
```
#4cb4cf
```
#4cb4cf rgb(76,180,207)
```
#60bdd5
```
#60bdd5 rgb(96,189,213)
```
#74c5da
```
#74c5da rgb(116,197,218)
```
#88cddf
```
#88cddf rgb(136,205,223)
```
#9cd6e5
```
#9cd6e5 rgb(156,214,229)
```
#b0deea
```
#b0deea rgb(176,222,234)
```

Monochromatic Color

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

#74dad6
```
#74dad6 rgb(116,218,214)
```
#74d6da
```
#74d6da rgb(116,214,218)
```
#74ceda
```
#74ceda rgb(116,206,218)
```
#74c5da
```
#74c5da rgb(116,197,218)
```
#74bdda
```
#74bdda rgb(116,189,218)
```
#74b4da
```
#74b4da rgb(116,180,218)
```
#74acda
```
#74acda rgb(116,172,218)
```

Similar Colors

Text with hexadecimal color #74c5da

This text has a font color of #74c5da.

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

#74c5da background color

This paragraph has a background color of #74c5da.

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

#74c5da border color

This element has a border color of #74c5da.

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

CSS codes

.text {color:#74c5da;}

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

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

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 #f0f9fb is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#040e10
```
#040e10 rgb(4,14,16)
```
#081b1f
```
#081b1f rgb(8,27,31)
```
#0c282f
```
#0c282f rgb(12,40,47)
```
#11353e
```
#11353e rgb(17,53,62)
```
#15424e
```
#15424e rgb(21,66,78)
```
#194f5d
```
#194f5d rgb(25,79,93)
```
#1d5c6d
```
#1d5c6d rgb(29,92,109)
```
#216a7c
```
#216a7c rgb(33,106,124)
```
#25778c
```
#25778c rgb(37,119,140)
```
#29849b
```
#29849b rgb(41,132,155)
```
#2d91ab
```
#2d91ab rgb(45,145,171)
```
#329eba
```
#329eba rgb(50,158,186)
```

Shade Color Variation

#36abca
```
#36abca rgb(54,171,202)
```
#46b2ce
```
#46b2ce rgb(70,178,206)
```
#55b8d2
```
#55b8d2 rgb(85,184,210)
```
#65bfd6
```
#65bfd6 rgb(101,191,214)
```
#74c5da
```
#74c5da rgb(116,197,218)
```
#83cbde
```
#83cbde rgb(131,203,222)
```
#93d2e2
```
#93d2e2 rgb(147,210,226)
```
#a2d8e6
```
#a2d8e6 rgb(162,216,230)
```
#b2dfea
```
#b2dfea rgb(178,223,234)
```
#c1e5ef
```
#c1e5ef rgb(193,229,239)
```
#d1ecf3
```
#d1ecf3 rgb(209,236,243)
```
#e0f2f7
```
#e0f2f7 rgb(224,242,247)
```
#f0f9fb
```
#f0f9fb rgb(240,249,251)
```

Tint Color Variation

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

#a3a9ab
```
#a3a9ab rgb(163,169,171)
```
#9dadb1
```
#9dadb1 rgb(157,173,177)
```
#96b1b8
```
#96b1b8 rgb(150,177,184)
```
#8fb5bf
```
#8fb5bf rgb(143,181,191)
```
#88b9c6
```
#88b9c6 rgb(136,185,198)
```
#82bdcc
```
#82bdcc rgb(130,189,204)
```
#7bc1d3
```
#7bc1d3 rgb(123,193,211)
```
#74c5da
```
#74c5da rgb(116,197,218)
```
#6dc9e1
```
#6dc9e1 rgb(109,201,225)
```
#66cde8
```
#66cde8 rgb(102,205,232)
```
#60d1ee
```
#60d1ee rgb(96,209,238)
```
#59d5f5
```
#59d5f5 rgb(89,213,245)
```
#52d9fc
```
#52d9fc rgb(82,217,252)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a3b3b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8bbd4 Protanopia 1% of men
#bbb9e1 Deuteranopia 1% of men
#79c8d7 Tritanopia 0.001% of the population

Trichromacy

#9fbfd6 Protanomaly 1% of men, 0.01% of women
#a1bdde Deuteranomaly 6% of men, 0.4% of women
#77c7d8 Tritanomaly 0.01% of the population

#74c5da hex color

#74c5da Color Information

#74c5da Color Conversion

Color Schemes with #74c5da

Alternatives to #74c5da

#74c5da Preview

Shades and Tints of #74c5da

Tones of #74c5da

Color Blindness Simulator