#74a4ec hex color

In a RGB color space, hex #74a4ec is composed of 45.5% red, 64.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 30.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 216 degrees, a saturation of 75.9% and a lightness of 69%. #74a4ec color hex could be obtained by blending #e8ffff with #0049d9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 64
- B 93
RGB color chart
- C 51
- M 31
- Y 0
- K 7
CMYK color chart

● #74a4ec color description : Soft blue.

The hexadecimal color #74a4ec has RGB values of R:116, G:164, B:236 and CMYK values of C:0.51, M:0.31, Y:0, K:0.07. Its decimal value is 7644396.

Hex triplet	74a4ec	`#74a4ec`
RGB Decimal	116, 164, 236	`rgb(116,164,236)`
RGB Percent	45.5, 64.3, 92.5	`rgb(45.5%,64.3%,92.5%)`
CMYK	51, 31, 0, 7
HSL	216°, 75.9, 69	`hsl(216,75.9%,69%)`
HSV (or HSB)	216°, 50.8, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.762, 3.734, -41.089
XYZ	35.615, 36.318, 84.486
xyY	0.228, 0.232, 36.318
CIE-LCH	66.762, 41.258, 275.193
CIE-LUV	66.762, -23.428, -66.256
Hunter-Lab	60.265, 0.026, -40.934
Binary	01110100, 10100100, 11101100

#74a4ec
```
#74a4ec rgb(116,164,236)
```
#ecbc74
```
#ecbc74 rgb(236,188,116)
```

Complementary Color

#74e0ec
```
#74e0ec rgb(116,224,236)
```
#74a4ec
```
#74a4ec rgb(116,164,236)
```
#8074ec
```
#8074ec rgb(128,116,236)
```

Analogous Color

#e0ec74
```
#e0ec74 rgb(224,236,116)
```
#74a4ec
```
#74a4ec rgb(116,164,236)
```
#ec8074
```
#ec8074 rgb(236,128,116)
```

Split Complementary Color

#a4ec74
```
#a4ec74 rgb(164,236,116)
```
#74a4ec
```
#74a4ec rgb(116,164,236)
```
#ec74a4
```
#ec74a4 rgb(236,116,164)
```

Triadic Color

#74ecbc
```
#74ecbc rgb(116,236,188)
```
#74a4ec
```
#74a4ec rgb(116,164,236)
```
#ec74a4
```
#ec74a4 rgb(236,116,164)
```
#ecbc74
```
#ecbc74 rgb(236,188,116)
```

Tetradic Color

#3178e3
```
#3178e3 rgb(49,120,227)
```
#4787e6
```
#4787e6 rgb(71,135,230)
```
#5e95e9
```
#5e95e9 rgb(94,149,233)
```
#74a4ec
```
#74a4ec rgb(116,164,236)
```
#8ab3ef
```
#8ab3ef rgb(138,179,239)
```
#a1c1f2
```
#a1c1f2 rgb(161,193,242)
```
#b7d0f5
```
#b7d0f5 rgb(183,208,245)
```

Monochromatic Color

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

#74c2ec
```
#74c2ec rgb(116,194,236)
```
#74b8ec
```
#74b8ec rgb(116,184,236)
```
#74aeec
```
#74aeec rgb(116,174,236)
```
#74a4ec
```
#74a4ec rgb(116,164,236)
```
#749aec
```
#749aec rgb(116,154,236)
```
#7490ec
```
#7490ec rgb(116,144,236)
```
#7486ec
```
#7486ec rgb(116,134,236)
```

Similar Colors

Text with hexadecimal color #74a4ec

This text has a font color of #74a4ec.

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

#74a4ec background color

This paragraph has a background color of #74a4ec.

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

#74a4ec border color

This element has a border color of #74a4ec.

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

CSS codes

.text {color:#74a4ec;}

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

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

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

#020810
```
#020810 rgb(2,8,16)
```
#051022
```
#051022 rgb(5,16,34)
```
#071833
```
#071833 rgb(7,24,51)
```
#092144
```
#092144 rgb(9,33,68)
```
#0c2955
```
#0c2955 rgb(12,41,85)
```
#0e3167
```
#0e3167 rgb(14,49,103)
```
#103a78
```
#103a78 rgb(16,58,120)
```
#134289
```
#134289 rgb(19,66,137)
```
#154a9a
```
#154a9a rgb(21,74,154)
```
#1753ac
```
#1753ac rgb(23,83,172)
```
#1a5bbd
```
#1a5bbd rgb(26,91,189)
```
#1c63ce
```
#1c63ce rgb(28,99,206)
```
#1f6cdf
```
#1f6cdf rgb(31,108,223)
```

Shade Color Variation

#2f77e3
```
#2f77e3 rgb(47,119,227)
```
#4082e5
```
#4082e5 rgb(64,130,229)
```
#518de7
```
#518de7 rgb(81,141,231)
```
#6399ea
```
#6399ea rgb(99,153,234)
```
#74a4ec
```
#74a4ec rgb(116,164,236)
```
#85afee
```
#85afee rgb(133,175,238)
```
#97bbf1
```
#97bbf1 rgb(151,187,241)
```
#a8c6f3
```
#a8c6f3 rgb(168,198,243)
```
#b9d1f5
```
#b9d1f5 rgb(185,209,245)
```
#cadcf8
```
#cadcf8 rgb(202,220,248)
```
#dce8fa
```
#dce8fa rgb(220,232,250)
```
#edf3fd
```
#edf3fd rgb(237,243,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#abafb5
```
#abafb5 rgb(171,175,181)
```
#a5aebb
```
#a5aebb rgb(165,174,187)
```
#9fadc1
```
#9fadc1 rgb(159,173,193)
```
#98abc8
```
#98abc8 rgb(152,171,200)
```
#92aace
```
#92aace rgb(146,170,206)
```
#8ca9d4
```
#8ca9d4 rgb(140,169,212)
```
#86a8da
```
#86a8da rgb(134,168,218)
```
#80a6e0
```
#80a6e0 rgb(128,166,224)
```
#7aa5e6
```
#7aa5e6 rgb(122,165,230)
```
#74a4ec
```
#74a4ec rgb(116,164,236)
```
#6ea3f2
```
#6ea3f2 rgb(110,163,242)
```
#68a2f8
```
#68a2f8 rgb(104,162,248)
```
#62a0fe
```
#62a0fe rgb(98,160,254)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#969fae Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa4ea Protanopia 1% of men
#86a6ed Deuteranopia 1% of men
#67b2bf Tritanopia 0.001% of the population

Trichromacy

#85a4ea Protanomaly 1% of men, 0.01% of women
#7fa5ed Deuteranomaly 6% of men, 0.4% of women
#6cadcf Tritanomaly 0.01% of the population

#74a4ec hex color

#74a4ec Color Information

#74a4ec Color Conversion

Color Schemes with #74a4ec

Alternatives to #74a4ec

#74a4ec Preview

Shades and Tints of #74a4ec

Tones of #74a4ec

Color Blindness Simulator