#74c5e0 hex color

In a RGB color space, hex #74c5e0 is composed of 45.5% red, 77.3% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 12.1% magenta, 0% yellow and 12.2% black. It has a hue angle of 195 degrees, a saturation of 63.5% and a lightness of 66.7%. #74c5e0 color hex could be obtained by blending #e8ffff with #008bc1. Closest websafe color is: #66cccc.

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

● #74c5e0 color description : Soft blue.

The hexadecimal color #74c5e0 has RGB values of R:116, G:197, B:224 and CMYK values of C:0.48, M:0.12, Y:0, K:0.12. Its decimal value is 7652832.

Hex triplet	74c5e0	`#74c5e0`
RGB Decimal	116, 197, 224	`rgb(116,197,224)`
RGB Percent	45.5, 77.3, 87.8	`rgb(45.5%,77.3%,87.8%)`
CMYK	48, 12, 0, 12
HSL	195°, 63.5, 66.7	`hsl(195,63.5%,66.7%)`
HSV (or HSB)	195°, 48.2, 87.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	75.467, -17.634, -21.13
XYZ	40.62, 49.025, 77.839
xyY	0.243, 0.293, 49.025
CIE-LCH	75.467, 27.521, 230.153
CIE-LUV	75.467, -36.193, -30.677
Hunter-Lab	70.018, -18.977, -16.901
Binary	01110100, 11000101, 11100000

#74c5e0
```
#74c5e0 rgb(116,197,224)
```
#e08f74
```
#e08f74 rgb(224,143,116)
```

Complementary Color

#74e0c5
```
#74e0c5 rgb(116,224,197)
```
#74c5e0
```
#74c5e0 rgb(116,197,224)
```
#748fe0
```
#748fe0 rgb(116,143,224)
```

Analogous Color

#e0c574
```
#e0c574 rgb(224,197,116)
```
#74c5e0
```
#74c5e0 rgb(116,197,224)
```
#e0748f
```
#e0748f rgb(224,116,143)
```

Split Complementary Color

#c5e074
```
#c5e074 rgb(197,224,116)
```
#74c5e0
```
#74c5e0 rgb(116,197,224)
```
#e074c5
```
#e074c5 rgb(224,116,197)
```

Triadic Color

#74e08f
```
#74e08f rgb(116,224,143)
```
#74c5e0
```
#74c5e0 rgb(116,197,224)
```
#e074c5
```
#e074c5 rgb(224,116,197)
```
#e08f74
```
#e08f74 rgb(224,143,116)
```

Tetradic Color

#35abd2
```
#35abd2 rgb(53,171,210)
```
#4ab4d7
```
#4ab4d7 rgb(74,180,215)
```
#5fbcdb
```
#5fbcdb rgb(95,188,219)
```
#74c5e0
```
#74c5e0 rgb(116,197,224)
```
#89cee5
```
#89cee5 rgb(137,206,229)
```
#9ed6e9
```
#9ed6e9 rgb(158,214,233)
```
#b3dfee
```
#b3dfee rgb(179,223,238)
```

Monochromatic Color

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

#74e0e0
```
#74e0e0 rgb(116,224,224)
```
#74d7e0
```
#74d7e0 rgb(116,215,224)
```
#74cee0
```
#74cee0 rgb(116,206,224)
```
#74c5e0
```
#74c5e0 rgb(116,197,224)
```
#74bce0
```
#74bce0 rgb(116,188,224)
```
#74b3e0
```
#74b3e0 rgb(116,179,224)
```
#74aae0
```
#74aae0 rgb(116,170,224)
```

Similar Colors

Text with hexadecimal color #74c5e0

This text has a font color of #74c5e0.

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

#74c5e0 background color

This paragraph has a background color of #74c5e0.

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

#74c5e0 border color

This element has a border color of #74c5e0.

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

CSS codes

.text {color:#74c5e0;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#051115
```
#051115 rgb(5,17,21)
```
#081e25
```
#081e25 rgb(8,30,37)
```
#0c2b35
```
#0c2b35 rgb(12,43,53)
```
#103845
```
#103845 rgb(16,56,69)
```
#134556
```
#134556 rgb(19,69,86)
```
#175266
```
#175266 rgb(23,82,102)
```
#1a5f76
```
#1a5f76 rgb(26,95,118)
```
#1e6c86
```
#1e6c86 rgb(30,108,134)
```
#217996
```
#217996 rgb(33,121,150)
```
#2586a6
```
#2586a6 rgb(37,134,166)
```
#2992b6
```
#2992b6 rgb(41,146,182)
```
#2c9fc6
```
#2c9fc6 rgb(44,159,198)
```

Shade Color Variation

#34aad2
```
#34aad2 rgb(52,170,210)
```
#44b1d5
```
#44b1d5 rgb(68,177,213)
```
#54b8d9
```
#54b8d9 rgb(84,184,217)
```
#64bedc
```
#64bedc rgb(100,190,220)
```
#74c5e0
```
#74c5e0 rgb(116,197,224)
```
#84cce4
```
#84cce4 rgb(132,204,228)
```
#94d2e7
```
#94d2e7 rgb(148,210,231)
```
#a4d9eb
```
#a4d9eb rgb(164,217,235)
```
#b4e0ee
```
#b4e0ee rgb(180,224,238)
```
#c4e6f2
```
#c4e6f2 rgb(196,230,242)
```
#d4edf5
```
#d4edf5 rgb(212,237,245)
```
#e4f4f9
```
#e4f4f9 rgb(228,244,249)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

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

#a8abac
```
#a8abac rgb(168,171,172)
```
#a2aeb2
```
#a2aeb2 rgb(162,174,178)
```
#9bb1b9
```
#9bb1b9 rgb(155,177,185)
```
#95b5bf
```
#95b5bf rgb(149,181,191)
```
#8eb8c6
```
#8eb8c6 rgb(142,184,198)
```
#88bbcc
```
#88bbcc rgb(136,187,204)
```
#81bed3
```
#81bed3 rgb(129,190,211)
```
#7bc2d9
```
#7bc2d9 rgb(123,194,217)
```
#74c5e0
```
#74c5e0 rgb(116,197,224)
```
#6dc8e7
```
#6dc8e7 rgb(109,200,231)
```
#67cced
```
#67cced rgb(103,204,237)
```
#60cff4
```
#60cff4 rgb(96,207,244)
```
#5ad2fa
```
#5ad2fa rgb(90,210,250)
```

Tone Color Variation

Below, you can see how #74c5e0 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
#a4b4ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bcda Protanopia 1% of men
#b8b9e6 Deuteranopia 1% of men
#77c9d8 Tritanopia 0.001% of the population

Trichromacy

#9ebfdc Protanomaly 1% of men, 0.01% of women
#9fbde4 Deuteranomaly 6% of men, 0.4% of women
#76c7db Tritanomaly 0.01% of the population

#74c5e0 hex color

#74c5e0 Color Information

#74c5e0 Color Conversion

Color Schemes with #74c5e0

Alternatives to #74c5e0

#74c5e0 Preview

Shades and Tints of #74c5e0

Tones of #74c5e0

Color Blindness Simulator