#74a4ed hex color

In a RGB color space, hex #74a4ed is composed of 45.5% red, 64.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 30.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 216.2 degrees, a saturation of 77.1% and a lightness of 69.2%. #74a4ed color hex could be obtained by blending #e8ffff with #0049db. 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

● #74a4ed color description : Soft blue.

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

Hex triplet	74a4ed	`#74a4ed`
RGB Decimal	116, 164, 237	`rgb(116,164,237)`
RGB Percent	45.5, 64.3, 92.9	`rgb(45.5%,64.3%,92.9%)`
CMYK	51, 31, 0, 7
HSL	216.2°, 77.1, 69.2	`hsl(216.2,77.1%,69.2%)`
HSV (or HSB)	216.2°, 51.1, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.807, 4.035, -41.567
XYZ	35.761, 36.377, 85.253
xyY	0.227, 0.231, 36.377
CIE-LCH	66.807, 41.763, 275.544
CIE-LUV	66.807, -23.428, -67.107
Hunter-Lab	60.313, 0.288, -41.588
Binary	01110100, 10100100, 11101101

#74a4ed
```
#74a4ed rgb(116,164,237)
```
#edbd74
```
#edbd74 rgb(237,189,116)
```

Complementary Color

#74e1ed
```
#74e1ed rgb(116,225,237)
```
#74a4ed
```
#74a4ed rgb(116,164,237)
```
#8174ed
```
#8174ed rgb(129,116,237)
```

Analogous Color

#e1ed74
```
#e1ed74 rgb(225,237,116)
```
#74a4ed
```
#74a4ed rgb(116,164,237)
```
#ed8174
```
#ed8174 rgb(237,129,116)
```

Split Complementary Color

#a4ed74
```
#a4ed74 rgb(164,237,116)
```
#74a4ed
```
#74a4ed rgb(116,164,237)
```
#ed74a4
```
#ed74a4 rgb(237,116,164)
```

Triadic Color

#74edbd
```
#74edbd rgb(116,237,189)
```
#74a4ed
```
#74a4ed rgb(116,164,237)
```
#ed74a4
```
#ed74a4 rgb(237,116,164)
```
#edbd74
```
#edbd74 rgb(237,189,116)
```

Tetradic Color

#3078e4
```
#3078e4 rgb(48,120,228)
```
#4786e7
```
#4786e7 rgb(71,134,231)
```
#5d95ea
```
#5d95ea rgb(93,149,234)
```
#74a4ed
```
#74a4ed rgb(116,164,237)
```
#8bb3f0
```
#8bb3f0 rgb(139,179,240)
```
#a1c2f3
```
#a1c2f3 rgb(161,194,243)
```
#b8d0f6
```
#b8d0f6 rgb(184,208,246)
```

Monochromatic Color

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

#74c2ed
```
#74c2ed rgb(116,194,237)
```
#74b8ed
```
#74b8ed rgb(116,184,237)
```
#74aeed
```
#74aeed rgb(116,174,237)
```
#74a4ed
```
#74a4ed rgb(116,164,237)
```
#749aed
```
#749aed rgb(116,154,237)
```
#7490ed
```
#7490ed rgb(116,144,237)
```
#7486ed
```
#7486ed rgb(116,134,237)
```

Similar Colors

Text with hexadecimal color #74a4ed

This text has a font color of #74a4ed.

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

#74a4ed background color

This paragraph has a background color of #74a4ed.

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

#74a4ed border color

This element has a border color of #74a4ed.

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

CSS codes

.text {color:#74a4ed;}

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

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

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

#020811
```
#020811 rgb(2,8,17)
```
#041023
```
#041023 rgb(4,16,35)
```
#071934
```
#071934 rgb(7,25,52)
```
#092145
```
#092145 rgb(9,33,69)
```
#0b2957
```
#0b2957 rgb(11,41,87)
```
#0d3168
```
#0d3168 rgb(13,49,104)
```
#103a79
```
#103a79 rgb(16,58,121)
```
#12428b
```
#12428b rgb(18,66,139)
```
#144a9c
```
#144a9c rgb(20,74,156)
```
#1652ae
```
#1652ae rgb(22,82,174)
```
#195bbf
```
#195bbf rgb(25,91,191)
```
#1b63d0
```
#1b63d0 rgb(27,99,208)
```
#1d6be2
```
#1d6be2 rgb(29,107,226)
```

Shade Color Variation

#2f77e4
```
#2f77e4 rgb(47,119,228)
```
#4082e6
```
#4082e6 rgb(64,130,230)
```
#518de9
```
#518de9 rgb(81,141,233)
```
#6399eb
```
#6399eb rgb(99,153,235)
```
#74a4ed
```
#74a4ed rgb(116,164,237)
```
#85afef
```
#85afef rgb(133,175,239)
```
#97bbf1
```
#97bbf1 rgb(151,187,241)
```
#a8c6f4
```
#a8c6f4 rgb(168,198,244)
```
#b9d1f6
```
#b9d1f6 rgb(185,209,246)
```
#cbddf8
```
#cbddf8 rgb(203,221,248)
```
#dce8fa
```
#dce8fa rgb(220,232,250)
```
#eef4fd
```
#eef4fd rgb(238,244,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b0b0b1
```
#b0b0b1 rgb(176,176,177)
```
#aaafb7
```
#aaafb7 rgb(170,175,183)
```
#a4aebd
```
#a4aebd rgb(164,174,189)
```
#9eadc3
```
#9eadc3 rgb(158,173,195)
```
#98abc9
```
#98abc9 rgb(152,171,201)
```
#92aacf
```
#92aacf rgb(146,170,207)
```
#8ca9d5
```
#8ca9d5 rgb(140,169,213)
```
#86a8db
```
#86a8db rgb(134,168,219)
```
#80a6e1
```
#80a6e1 rgb(128,166,225)
```
#7aa5e7
```
#7aa5e7 rgb(122,165,231)
```
#74a4ed
```
#74a4ed rgb(116,164,237)
```
#6ea3f3
```
#6ea3f3 rgb(110,163,243)
```
#68a2f9
```
#68a2f9 rgb(104,162,249)
```

Tone Color Variation

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

#8ea4eb Protanopia 1% of men
#85a6ee Deuteranopia 1% of men
#67b2bf Tritanopia 0.001% of the population

Trichromacy

#84a4eb Protanomaly 1% of men, 0.01% of women
#7fa5ee Deuteranomaly 6% of men, 0.4% of women
#6badcf Tritanomaly 0.01% of the population

#74a4ed hex color

#74a4ed Color Information

#74a4ed Color Conversion

Color Schemes with #74a4ed

Alternatives to #74a4ed

#74a4ed Preview

Shades and Tints of #74a4ed

Tones of #74a4ed

Color Blindness Simulator