#74c5dd hex color

In a RGB color space, hex #74c5dd is composed of 45.5% red, 77.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 10.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 193.7 degrees, a saturation of 60.7% and a lightness of 66.1%. #74c5dd color hex could be obtained by blending #e8ffff with #008bbb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 45
- G 77
- B 87
RGB color chart
- C 48
- M 11
- Y 0
- K 13
CMYK color chart

● #74c5dd color description : Soft cyan.

The hexadecimal color #74c5dd has RGB values of R:116, G:197, B:221 and CMYK values of C:0.48, M:0.11, Y:0, K:0.13. Its decimal value is 7652829.

Hex triplet	74c5dd	`#74c5dd`
RGB Decimal	116, 197, 221	`rgb(116,197,221)`
RGB Percent	45.5, 77.3, 86.7	`rgb(45.5%,77.3%,86.7%)`
CMYK	48, 11, 0, 13
HSL	193.7°, 60.7, 66.1	`hsl(193.7,60.7%,66.1%)`
HSV (or HSB)	193.7°, 47.5, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	75.366, -18.451, -19.661
XYZ	40.216, 48.864, 75.715
xyY	0.244, 0.297, 48.864
CIE-LCH	75.366, 26.963, 226.818
CIE-LUV	75.366, -36.275, -28.122
Hunter-Lab	69.902, -19.634, -15.288
Binary	01110100, 11000101, 11011101

#74c5dd
```
#74c5dd rgb(116,197,221)
```
#dd8c74
```
#dd8c74 rgb(221,140,116)
```

Complementary Color

#74ddc1
```
#74ddc1 rgb(116,221,193)
```
#74c5dd
```
#74c5dd rgb(116,197,221)
```
#7491dd
```
#7491dd rgb(116,145,221)
```

Analogous Color

#ddc174
```
#ddc174 rgb(221,193,116)
```
#74c5dd
```
#74c5dd rgb(116,197,221)
```
#dd7491
```
#dd7491 rgb(221,116,145)
```

Split Complementary Color

#c5dd74
```
#c5dd74 rgb(197,221,116)
```
#74c5dd
```
#74c5dd rgb(116,197,221)
```
#dd74c5
```
#dd74c5 rgb(221,116,197)
```

Triadic Color

#74dd8c
```
#74dd8c rgb(116,221,140)
```
#74c5dd
```
#74c5dd rgb(116,197,221)
```
#dd74c5
```
#dd74c5 rgb(221,116,197)
```
#dd8c74
```
#dd8c74 rgb(221,140,116)
```

Tetradic Color

#37abce
```
#37abce rgb(55,171,206)
```
#4bb4d3
```
#4bb4d3 rgb(75,180,211)
```
#60bcd8
```
#60bcd8 rgb(96,188,216)
```
#74c5dd
```
#74c5dd rgb(116,197,221)
```
#88cee2
```
#88cee2 rgb(136,206,226)
```
#9dd6e7
```
#9dd6e7 rgb(157,214,231)
```
#b1dfec
```
#b1dfec rgb(177,223,236)
```

Monochromatic Color

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

#74dddb
```
#74dddb rgb(116,221,219)
```
#74d7dd
```
#74d7dd rgb(116,215,221)
```
#74cedd
```
#74cedd rgb(116,206,221)
```
#74c5dd
```
#74c5dd rgb(116,197,221)
```
#74bcdd
```
#74bcdd rgb(116,188,221)
```
#74b4dd
```
#74b4dd rgb(116,180,221)
```
#74abdd
```
#74abdd rgb(116,171,221)
```

Similar Colors

Text with hexadecimal color #74c5dd

This text has a font color of #74c5dd.

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

#74c5dd background color

This paragraph has a background color of #74c5dd.

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

#74c5dd border color

This element has a border color of #74c5dd.

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

CSS codes

.text {color:#74c5dd;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050f13
```
#050f13 rgb(5,15,19)
```
#081c22
```
#081c22 rgb(8,28,34)
```
#0c2932
```
#0c2932 rgb(12,41,50)
```
#103742
```
#103742 rgb(16,55,66)
```
#144452
```
#144452 rgb(20,68,82)
```
#185161
```
#185161 rgb(24,81,97)
```
#1c5e71
```
#1c5e71 rgb(28,94,113)
```
#206b81
```
#206b81 rgb(32,107,129)
```
#237891
```
#237891 rgb(35,120,145)
```
#2785a0
```
#2785a0 rgb(39,133,160)
```
#2b92b0
```
#2b92b0 rgb(43,146,176)
```
#2f9fc0
```
#2f9fc0 rgb(47,159,192)
```

Shade Color Variation

#35abce
```
#35abce rgb(53,171,206)
```
#45b1d1
```
#45b1d1 rgb(69,177,209)
```
#54b8d5
```
#54b8d5 rgb(84,184,213)
```
#64bed9
```
#64bed9 rgb(100,190,217)
```
#74c5dd
```
#74c5dd rgb(116,197,221)
```
#84cce1
```
#84cce1 rgb(132,204,225)
```
#94d2e5
```
#94d2e5 rgb(148,210,229)
```
#a3d9e9
```
#a3d9e9 rgb(163,217,233)
```
#b3dfec
```
#b3dfec rgb(179,223,236)
```
#c3e6f0
```
#c3e6f0 rgb(195,230,240)
```
#d3ecf4
```
#d3ecf4 rgb(211,236,244)
```
#e2f3f8
```
#e2f3f8 rgb(226,243,248)
```
#f2fafc
```
#f2fafc rgb(242,250,252)
```

Tint Color Variation

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

#a3acae
```
#a3acae rgb(163,172,174)
```
#9cafb5
```
#9cafb5 rgb(156,175,181)
```
#95b3bc
```
#95b3bc rgb(149,179,188)
```
#8fb7c2
```
#8fb7c2 rgb(143,183,194)
```
#88bac9
```
#88bac9 rgb(136,186,201)
```
#81bed0
```
#81bed0 rgb(129,190,208)
```
#7bc1d6
```
#7bc1d6 rgb(123,193,214)
```
#74c5dd
```
#74c5dd rgb(116,197,221)
```
#6dc9e4
```
#6dc9e4 rgb(109,201,228)
```
#67ccea
```
#67ccea rgb(103,204,234)
```
#60d0f1
```
#60d0f1 rgb(96,208,241)
```
#59d3f8
```
#59d3f8 rgb(89,211,248)
```
#53d7fe
```
#53d7fe rgb(83,215,254)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a4b4b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8bbd7 Protanopia 1% of men
#bab9e4 Deuteranopia 1% of men
#78c9d7 Tritanopia 0.001% of the population

Trichromacy

#9fbfd9 Protanomaly 1% of men, 0.01% of women
#a0bde1 Deuteranomaly 6% of men, 0.4% of women
#76c7d9 Tritanomaly 0.01% of the population

#74c5dd hex color

#74c5dd Color Information

#74c5dd Color Conversion

Color Schemes with #74c5dd

Alternatives to #74c5dd

#74c5dd Preview

Shades and Tints of #74c5dd

Tones of #74c5dd

Color Blindness Simulator