#74a5d6 hex color

In a RGB color space, hex #74a5d6 is composed of 45.5% red, 64.7% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 22.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 210 degrees, a saturation of 54.4% and a lightness of 64.7%. #74a5d6 color hex could be obtained by blending #e8ffff with #004bad. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 65
- B 84
RGB color chart
- C 46
- M 23
- Y 0
- K 16
CMYK color chart

● #74a5d6 color description : Slightly desaturated blue.

The hexadecimal color #74a5d6 has RGB values of R:116, G:165, B:214 and CMYK values of C:0.46, M:0.23, Y:0, K:0.16. Its decimal value is 7644630.

Hex triplet	74a5d6	`#74a5d6`
RGB Decimal	116, 165, 214	`rgb(116,165,214)`
RGB Percent	45.5, 64.7, 83.9	`rgb(45.5%,64.7%,83.9%)`
CMYK	46, 23, 0, 16
HSL	210°, 54.4, 64.7	`hsl(210,54.4%,64.7%)`
HSV (or HSB)	210°, 45.8, 83.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.118, -3.274, -29.984
XYZ	32.792, 35.477, 68.734
xyY	0.239, 0.259, 35.477
CIE-LCH	66.118, 30.163, 263.768
CIE-LUV	66.118, -23.846, -46.664
Hunter-Lab	59.562, -5.96, -26.726
Binary	01110100, 10100101, 11010110

#74a5d6
```
#74a5d6 rgb(116,165,214)
```
#d6a574
```
#d6a574 rgb(214,165,116)
```

Complementary Color

#74d6d6
```
#74d6d6 rgb(116,214,214)
```
#74a5d6
```
#74a5d6 rgb(116,165,214)
```
#7474d6
```
#7474d6 rgb(116,116,214)
```

Analogous Color

#d6d674
```
#d6d674 rgb(214,214,116)
```
#74a5d6
```
#74a5d6 rgb(116,165,214)
```
#d67474
```
#d67474 rgb(214,116,116)
```

Split Complementary Color

#a5d674
```
#a5d674 rgb(165,214,116)
```
#74a5d6
```
#74a5d6 rgb(116,165,214)
```
#d674a5
```
#d674a5 rgb(214,116,165)
```

Triadic Color

#74d6a5
```
#74d6a5 rgb(116,214,165)
```
#74a5d6
```
#74a5d6 rgb(116,165,214)
```
#d674a5
```
#d674a5 rgb(214,116,165)
```
#d6a574
```
#d6a574 rgb(214,165,116)
```

Tetradic Color

#3a7fc4
```
#3a7fc4 rgb(58,127,196)
```
#4d8cca
```
#4d8cca rgb(77,140,202)
```
#6098d0
```
#6098d0 rgb(96,152,208)
```
#74a5d6
```
#74a5d6 rgb(116,165,214)
```
#88b2dc
```
#88b2dc rgb(136,178,220)
```
#9bbfe2
```
#9bbfe2 rgb(155,191,226)
```
#afcbe7
```
#afcbe7 rgb(175,203,231)
```

Monochromatic Color

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

#74bed6
```
#74bed6 rgb(116,190,214)
```
#74b5d6
```
#74b5d6 rgb(116,181,214)
```
#74add6
```
#74add6 rgb(116,173,214)
```
#74a5d6
```
#74a5d6 rgb(116,165,214)
```
#749dd6
```
#749dd6 rgb(116,157,214)
```
#7495d6
```
#7495d6 rgb(116,149,214)
```
#748dd6
```
#748dd6 rgb(116,141,214)
```

Similar Colors

Text with hexadecimal color #74a5d6

This text has a font color of #74a5d6.

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

#74a5d6 background color

This paragraph has a background color of #74a5d6.

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

#74a5d6 border color

This element has a border color of #74a5d6.

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

CSS codes

.text {color:#74a5d6;}

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

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

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, #04080c is the darkest color, while #fcfdfe is the lightest one.

#04080c
```
#04080c rgb(4,8,12)
```
#08121c
```
#08121c rgb(8,18,28)
```
#0d1c2b
```
#0d1c2b rgb(13,28,43)
```
#11263a
```
#11263a rgb(17,38,58)
```
#162f49
```
#162f49 rgb(22,47,73)
```
#1a3958
```
#1a3958 rgb(26,57,88)
```
#1e4367
```
#1e4367 rgb(30,67,103)
```
#234d77
```
#234d77 rgb(35,77,119)
```
#275786
```
#275786 rgb(39,87,134)
```
#2c6095
```
#2c6095 rgb(44,96,149)
```
#306aa4
```
#306aa4 rgb(48,106,164)
```
#3574b3
```
#3574b3 rgb(53,116,179)
```
#397ec2
```
#397ec2 rgb(57,126,194)
```

Shade Color Variation

#4788c9
```
#4788c9 rgb(71,136,201)
```
#5691cd
```
#5691cd rgb(86,145,205)
```
#659bd2
```
#659bd2 rgb(101,155,210)
```
#74a5d6
```
#74a5d6 rgb(116,165,214)
```
#83afda
```
#83afda rgb(131,175,218)
```
#92b9df
```
#92b9df rgb(146,185,223)
```
#a1c2e3
```
#a1c2e3 rgb(161,194,227)
```
#b1cce8
```
#b1cce8 rgb(177,204,232)
```
#c0d6ec
```
#c0d6ec rgb(192,214,236)
```
#cfe0f1
```
#cfe0f1 rgb(207,224,241)
```
#deeaf5
```
#deeaf5 rgb(222,234,245)
```
#edf3fa
```
#edf3fa rgb(237,243,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#a4a5a6
```
#a4a5a6 rgb(164,165,166)
```
#9ea5ac
```
#9ea5ac rgb(158,165,172)
```
#97a5b3
```
#97a5b3 rgb(151,165,179)
```
#90a5ba
```
#90a5ba rgb(144,165,186)
```
#89a5c1
```
#89a5c1 rgb(137,165,193)
```
#82a5c8
```
#82a5c8 rgb(130,165,200)
```
#7ba5cf
```
#7ba5cf rgb(123,165,207)
```
#74a5d6
```
#74a5d6 rgb(116,165,214)
```
#6da5dd
```
#6da5dd rgb(109,165,221)
```
#66a5e4
```
#66a5e4 rgb(102,165,228)
```
#5fa5eb
```
#5fa5eb rgb(95,165,235)
```
#58a5f2
```
#58a5f2 rgb(88,165,242)
```
#51a5f9
```
#51a5f9 rgb(81,165,249)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#949ea8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a3d4 Protanopia 1% of men
#95a3da Deuteranopia 1% of men
#70afbb Tritanopia 0.001% of the population

Trichromacy

#8aa4d4 Protanomaly 1% of men, 0.01% of women
#89a4d8 Deuteranomaly 6% of men, 0.4% of women
#71abc5 Tritanomaly 0.01% of the population

#74a5d6 hex color

#74a5d6 Color Information

#74a5d6 Color Conversion

Color Schemes with #74a5d6

Alternatives to #74a5d6

#74a5d6 Preview

Shades and Tints of #74a5d6

Tones of #74a5d6

Color Blindness Simulator