#74c5db hex color

In a RGB color space, hex #74c5db is composed of 45.5% red, 77.3% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 10% magenta, 0% yellow and 14.1% black. It has a hue angle of 192.8 degrees, a saturation of 58.9% and a lightness of 65.7%. #74c5db color hex could be obtained by blending #e8ffff with #008bb7. Closest websafe color is: #66cccc.

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

● #74c5db color description : Soft cyan.

The hexadecimal color #74c5db has RGB values of R:116, G:197, B:219 and CMYK values of C:0.47, M:0.1, Y:0, K:0.14. Its decimal value is 7652827.

Hex triplet	74c5db	`#74c5db`
RGB Decimal	116, 197, 219	`rgb(116,197,219)`
RGB Percent	45.5, 77.3, 85.9	`rgb(45.5%,77.3%,85.9%)`
CMYK	47, 10, 0, 14
HSL	192.8°, 58.9, 65.7	`hsl(192.8,58.9%,65.7%)`
HSV (or HSB)	192.8°, 47, 85.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	75.3, -18.992, -18.68
XYZ	39.952, 48.758, 74.32
xyY	0.245, 0.299, 48.758
CIE-LCH	75.3, 26.639, 224.525
CIE-LUV	75.3, -36.33, -26.422
Hunter-Lab	69.827, -20.067, -14.227
Binary	01110100, 11000101, 11011011

#74c5db
```
#74c5db rgb(116,197,219)
```
#db8a74
```
#db8a74 rgb(219,138,116)
```

Complementary Color

#74dbbe
```
#74dbbe rgb(116,219,190)
```
#74c5db
```
#74c5db rgb(116,197,219)
```
#7492db
```
#7492db rgb(116,146,219)
```

Analogous Color

#dbbe74
```
#dbbe74 rgb(219,190,116)
```
#74c5db
```
#74c5db rgb(116,197,219)
```
#db7492
```
#db7492 rgb(219,116,146)
```

Split Complementary Color

#c5db74
```
#c5db74 rgb(197,219,116)
```
#74c5db
```
#74c5db rgb(116,197,219)
```
#db74c5
```
#db74c5 rgb(219,116,197)
```

Triadic Color

#74db8a
```
#74db8a rgb(116,219,138)
```
#74c5db
```
#74c5db rgb(116,197,219)
```
#db74c5
```
#db74c5 rgb(219,116,197)
```
#db8a74
```
#db8a74 rgb(219,138,116)
```

Tetradic Color

#37accb
```
#37accb rgb(55,172,203)
```
#4bb4d1
```
#4bb4d1 rgb(75,180,209)
```
#60bdd6
```
#60bdd6 rgb(96,189,214)
```
#74c5db
```
#74c5db rgb(116,197,219)
```
#88cde0
```
#88cde0 rgb(136,205,224)
```
#9dd6e5
```
#9dd6e5 rgb(157,214,229)
```
#b1deeb
```
#b1deeb rgb(177,222,235)
```

Monochromatic Color

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

#74dbd7
```
#74dbd7 rgb(116,219,215)
```
#74d6db
```
#74d6db rgb(116,214,219)
```
#74cedb
```
#74cedb rgb(116,206,219)
```
#74c5db
```
#74c5db rgb(116,197,219)
```
#74bcdb
```
#74bcdb rgb(116,188,219)
```
#74b4db
```
#74b4db rgb(116,180,219)
```
#74abdb
```
#74abdb rgb(116,171,219)
```

Similar Colors

Text with hexadecimal color #74c5db

This text has a font color of #74c5db.

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

#74c5db background color

This paragraph has a background color of #74c5db.

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

#74c5db border color

This element has a border color of #74c5db.

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

CSS codes

.text {color:#74c5db;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040e11
```
#040e11 rgb(4,14,17)
```
#081b20
```
#081b20 rgb(8,27,32)
```
#0c2830
```
#0c2830 rgb(12,40,48)
```
#103540
```
#103540 rgb(16,53,64)
```
#14434f
```
#14434f rgb(20,67,79)
```
#19505f
```
#19505f rgb(25,80,95)
```
#1d5d6e
```
#1d5d6e rgb(29,93,110)
```
#216a7e
```
#216a7e rgb(33,106,126)
```
#25778d
```
#25778d rgb(37,119,141)
```
#29849d
```
#29849d rgb(41,132,157)
```
#2d91ad
```
#2d91ad rgb(45,145,173)
```
#319ebc
```
#319ebc rgb(49,158,188)
```

Shade Color Variation

#36abcb
```
#36abcb rgb(54,171,203)
```
#45b1cf
```
#45b1cf rgb(69,177,207)
```
#55b8d3
```
#55b8d3 rgb(85,184,211)
```
#64bed7
```
#64bed7 rgb(100,190,215)
```
#74c5db
```
#74c5db rgb(116,197,219)
```
#84ccdf
```
#84ccdf rgb(132,204,223)
```
#93d2e3
```
#93d2e3 rgb(147,210,227)
```
#a3d9e7
```
#a3d9e7 rgb(163,217,231)
```
#b2dfeb
```
#b2dfeb rgb(178,223,235)
```
#c2e6ef
```
#c2e6ef rgb(194,230,239)
```
#d1ecf3
```
#d1ecf3 rgb(209,236,243)
```
#e1f3f7
```
#e1f3f7 rgb(225,243,247)
```
#f1f9fb
```
#f1f9fb rgb(241,249,251)
```

Tint Color Variation

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

#a3aaac
```
#a3aaac rgb(163,170,172)
```
#9caeb3
```
#9caeb3 rgb(156,174,179)
```
#96b2b9
```
#96b2b9 rgb(150,178,185)
```
#8fb6c0
```
#8fb6c0 rgb(143,182,192)
```
#88b9c7
```
#88b9c7 rgb(136,185,199)
```
#81bdce
```
#81bdce rgb(129,189,206)
```
#7bc1d4
```
#7bc1d4 rgb(123,193,212)
```
#74c5db
```
#74c5db rgb(116,197,219)
```
#6dc9e2
```
#6dc9e2 rgb(109,201,226)
```
#67cde8
```
#67cde8 rgb(103,205,232)
```
#60d1ef
```
#60d1ef rgb(96,209,239)
```
#59d4f6
```
#59d4f6 rgb(89,212,246)
```
#52d8fd
```
#52d8fd rgb(82,216,253)
```

Tone Color Variation

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

#b8bbd5 Protanopia 1% of men
#bab9e2 Deuteranopia 1% of men
#79c8d7 Tritanopia 0.001% of the population

Trichromacy

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

#74c5db hex color

#74c5db Color Information

#74c5db Color Conversion

Color Schemes with #74c5db

Alternatives to #74c5db

#74c5db Preview

Shades and Tints of #74c5db

Tones of #74c5db

Color Blindness Simulator