#74a4cd hex color

In a RGB color space, hex #74a4cd is composed of 45.5% red, 64.3% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 20% magenta, 0% yellow and 19.6% black. It has a hue angle of 207.6 degrees, a saturation of 47.1% and a lightness of 62.9%. #74a4cd color hex could be obtained by blending #e8ffff with #00499b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 64
- B 80
RGB color chart
- C 43
- M 20
- Y 0
- K 20
CMYK color chart

● #74a4cd color description : Slightly desaturated blue.

The hexadecimal color #74a4cd has RGB values of R:116, G:164, B:205 and CMYK values of C:0.43, M:0.2, Y:0, K:0.2. Its decimal value is 7644365.

Hex triplet	74a4cd	`#74a4cd`
RGB Decimal	116, 164, 205	`rgb(116,164,205)`
RGB Percent	45.5, 64.3, 80.4	`rgb(45.5%,64.3%,80.4%)`
CMYK	43, 20, 0, 20
HSL	207.6°, 47.1, 62.9	`hsl(207.6,47.1%,62.9%)`
HSV (or HSB)	207.6°, 43.4, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.491, -5.26, -25.967
XYZ	31.495, 34.67, 62.787
xyY	0.244, 0.269, 34.67
CIE-LCH	65.491, 26.494, 258.55
CIE-LUV	65.491, -23.478, -39.691
Hunter-Lab	58.881, -7.566, -22.005
Binary	01110100, 10100100, 11001101

#74a4cd
```
#74a4cd rgb(116,164,205)
```
#cd9d74
```
#cd9d74 rgb(205,157,116)
```

Complementary Color

#74cdca
```
#74cdca rgb(116,205,202)
```
#74a4cd
```
#74a4cd rgb(116,164,205)
```
#7478cd
```
#7478cd rgb(116,120,205)
```

Analogous Color

#cdca74
```
#cdca74 rgb(205,202,116)
```
#74a4cd
```
#74a4cd rgb(116,164,205)
```
#cd7478
```
#cd7478 rgb(205,116,120)
```

Split Complementary Color

#a4cd74
```
#a4cd74 rgb(164,205,116)
```
#74a4cd
```
#74a4cd rgb(116,164,205)
```
#cd74a4
```
#cd74a4 rgb(205,116,164)
```

Triadic Color

#74cd9d
```
#74cd9d rgb(116,205,157)
```
#74a4cd
```
#74a4cd rgb(116,164,205)
```
#cd74a4
```
#cd74a4 rgb(205,116,164)
```
#cd9d74
```
#cd9d74 rgb(205,157,116)
```

Tetradic Color

#417fb4
```
#417fb4 rgb(65,127,180)
```
#4e8bc0
```
#4e8bc0 rgb(78,139,192)
```
#6198c6
```
#6198c6 rgb(97,152,198)
```
#74a4cd
```
#74a4cd rgb(116,164,205)
```
#87b0d4
```
#87b0d4 rgb(135,176,212)
```
#9abdda
```
#9abdda rgb(154,189,218)
```
#acc9e1
```
#acc9e1 rgb(172,201,225)
```

Monochromatic Color

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

#74bacd
```
#74bacd rgb(116,186,205)
```
#74b3cd
```
#74b3cd rgb(116,179,205)
```
#74abcd
```
#74abcd rgb(116,171,205)
```
#74a4cd
```
#74a4cd rgb(116,164,205)
```
#749dcd
```
#749dcd rgb(116,157,205)
```
#7495cd
```
#7495cd rgb(116,149,205)
```
#748ecd
```
#748ecd rgb(116,142,205)
```

Similar Colors

Text with hexadecimal color #74a4cd

This text has a font color of #74a4cd.

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

#74a4cd background color

This paragraph has a background color of #74a4cd.

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

#74a4cd border color

This element has a border color of #74a4cd.

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

CSS codes

.text {color:#74a4cd;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#070e14
```
#070e14 rgb(7,14,20)
```
#0c1822
```
#0c1822 rgb(12,24,34)
```
#112231
```
#112231 rgb(17,34,49)
```
#172c3f
```
#172c3f rgb(23,44,63)
```
#1c374d
```
#1c374d rgb(28,55,77)
```
#21415c
```
#21415c rgb(33,65,92)
```
#264b6a
```
#264b6a rgb(38,75,106)
```
#2b5579
```
#2b5579 rgb(43,85,121)
```
#315f87
```
#315f87 rgb(49,95,135)
```
#366996
```
#366996 rgb(54,105,150)
```
#3b74a4
```
#3b74a4 rgb(59,116,164)
```
#407eb2
```
#407eb2 rgb(64,126,178)
```

Shade Color Variation

#4988bd
```
#4988bd rgb(73,136,189)
```
#5791c3
```
#5791c3 rgb(87,145,195)
```
#669bc8
```
#669bc8 rgb(102,155,200)
```
#74a4cd
```
#74a4cd rgb(116,164,205)
```
#82add2
```
#82add2 rgb(130,173,210)
```
#91b7d7
```
#91b7d7 rgb(145,183,215)
```
#9fc0dd
```
#9fc0dd rgb(159,192,221)
```
#aecae2
```
#aecae2 rgb(174,202,226)
```
#bcd3e7
```
#bcd3e7 rgb(188,211,231)
```
#cbddec
```
#cbddec rgb(203,221,236)
```
#d9e6f1
```
#d9e6f1 rgb(217,230,241)
```
#e7f0f7
```
#e7f0f7 rgb(231,240,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#a0a1a1
```
#a0a1a1 rgb(160,161,161)
```
#98a1a9
```
#98a1a9 rgb(152,161,169)
```
#91a2b0
```
#91a2b0 rgb(145,162,176)
```
#8aa2b7
```
#8aa2b7 rgb(138,162,183)
```
#83a3be
```
#83a3be rgb(131,163,190)
```
#7ba3c6
```
#7ba3c6 rgb(123,163,198)
```
#74a4cd
```
#74a4cd rgb(116,164,205)
```
#6da5d4
```
#6da5d4 rgb(109,165,212)
```
#65a5dc
```
#65a5dc rgb(101,165,220)
```
#5ea6e3
```
#5ea6e3 rgb(94,166,227)
```
#57a6ea
```
#57a6ea rgb(87,166,234)
```
#50a7f1
```
#50a7f1 rgb(80,167,241)
```
#48a7f9
```
#48a7f9 rgb(72,167,249)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#929ca4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a2cb Protanopia 1% of men
#98a1d2 Deuteranopia 1% of men
#73acb9 Tritanopia 0.001% of the population

Trichromacy

#8ba2cc Protanomaly 1% of men, 0.01% of women
#8ba2d0 Deuteranomaly 6% of men, 0.4% of women
#73a9c0 Tritanomaly 0.01% of the population

#74a4cd hex color

#74a4cd Color Information

#74a4cd Color Conversion

Color Schemes with #74a4cd

Alternatives to #74a4cd

#74a4cd Preview

Shades and Tints of #74a4cd

Tones of #74a4cd

Color Blindness Simulator