#74a5bc hex color

In a RGB color space, hex #74a5bc is composed of 45.5% red, 64.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 12.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 199.2 degrees, a saturation of 35% and a lightness of 59.6%. #74a5bc color hex could be obtained by blending #e8ffff with #004b79. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 65
- B 74
RGB color chart
- C 38
- M 12
- Y 0
- K 26
CMYK color chart

● #74a5bc color description : Slightly desaturated blue.

The hexadecimal color #74a5bc has RGB values of R:116, G:165, B:188 and CMYK values of C:0.38, M:0.12, Y:0, K:0.26. Its decimal value is 7644604.

Hex triplet	74a5bc	`#74a5bc`
RGB Decimal	116, 165, 188	`rgb(116,165,188)`
RGB Percent	45.5, 64.7, 73.7	`rgb(45.5%,64.7%,73.7%)`
CMYK	38, 12, 0, 26
HSL	199.2°, 35, 59.6	`hsl(199.2,35%,59.6%)`
HSV (or HSB)	199.2°, 38.3, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.163, -10.422, -17.013
XYZ	29.733, 34.253, 52.619
xyY	0.255, 0.294, 34.253
CIE-LCH	65.163, 19.951, 238.509
CIE-LUV	65.163, -23.952, -24.406
Hunter-Lab	58.526, -11.738, -12.338
Binary	01110100, 10100101, 10111100

#74a5bc
```
#74a5bc rgb(116,165,188)
```
#bc8b74
```
#bc8b74 rgb(188,139,116)
```

Complementary Color

#74bcaf
```
#74bcaf rgb(116,188,175)
```
#74a5bc
```
#74a5bc rgb(116,165,188)
```
#7481bc
```
#7481bc rgb(116,129,188)
```

Analogous Color

#bcaf74
```
#bcaf74 rgb(188,175,116)
```
#74a5bc
```
#74a5bc rgb(116,165,188)
```
#bc7481
```
#bc7481 rgb(188,116,129)
```

Split Complementary Color

#a5bc74
```
#a5bc74 rgb(165,188,116)
```
#74a5bc
```
#74a5bc rgb(116,165,188)
```
#bc74a5
```
#bc74a5 rgb(188,116,165)
```

Triadic Color

#74bc8b
```
#74bc8b rgb(116,188,139)
```
#74a5bc
```
#74a5bc rgb(116,165,188)
```
#bc74a5
```
#bc74a5 rgb(188,116,165)
```
#bc8b74
```
#bc8b74 rgb(188,139,116)
```

Tetradic Color

#4a809a
```
#4a809a rgb(74,128,154)
```
#528eab
```
#528eab rgb(82,142,171)
```
#639ab4
```
#639ab4 rgb(99,154,180)
```
#74a5bc
```
#74a5bc rgb(116,165,188)
```
#85b0c4
```
#85b0c4 rgb(133,176,196)
```
#96bbcd
```
#96bbcd rgb(150,187,205)
```
#a8c6d5
```
#a8c6d5 rgb(168,198,213)
```

Monochromatic Color

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

#74b7bc
```
#74b7bc rgb(116,183,188)
```
#74b1bc
```
#74b1bc rgb(116,177,188)
```
#74abbc
```
#74abbc rgb(116,171,188)
```
#74a5bc
```
#74a5bc rgb(116,165,188)
```
#749fbc
```
#749fbc rgb(116,159,188)
```
#7499bc
```
#7499bc rgb(116,153,188)
```
#7493bc
```
#7493bc rgb(116,147,188)
```

Similar Colors

Text with hexadecimal color #74a5bc

This text has a font color of #74a5bc.

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

#74a5bc background color

This paragraph has a background color of #74a5bc.

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

#74a5bc border color

This element has a border color of #74a5bc.

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

CSS codes

.text {color:#74a5bc;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#0a1114
```
#0a1114 rgb(10,17,20)
```
#101c21
```
#101c21 rgb(16,28,33)
```
#16272e
```
#16272e rgb(22,39,46)
```
#1d323c
```
#1d323c rgb(29,50,60)
```
#233d49
```
#233d49 rgb(35,61,73)
```
#294856
```
#294856 rgb(41,72,86)
```
#305363
```
#305363 rgb(48,83,99)
```
#365e70
```
#365e70 rgb(54,94,112)
```
#3d697e
```
#3d697e rgb(61,105,126)
```
#43748b
```
#43748b rgb(67,116,139)
```
#497f98
```
#497f98 rgb(73,127,152)
```
#508aa5
```
#508aa5 rgb(80,138,165)
```

Shade Color Variation

#5a94af
```
#5a94af rgb(90,148,175)
```
#679cb6
```
#679cb6 rgb(103,156,182)
```
#74a5bc
```
#74a5bc rgb(116,165,188)
```
#81aec2
```
#81aec2 rgb(129,174,194)
```
#8eb6c9
```
#8eb6c9 rgb(142,182,201)
```
#9cbfcf
```
#9cbfcf rgb(156,191,207)
```
#a9c7d6
```
#a9c7d6 rgb(169,199,214)
```
#b6d0dc
```
#b6d0dc rgb(182,208,220)
```
#c3d8e2
```
#c3d8e2 rgb(195,216,226)
```
#d1e1e9
```
#d1e1e9 rgb(209,225,233)
```
#deeaef
```
#deeaef rgb(222,234,239)
```
#ebf2f5
```
#ebf2f5 rgb(235,242,245)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949a9c is the less saturated color, while #35bcfb is the most saturated one.

#949a9c
```
#949a9c rgb(148,154,156)
```
#8c9ca4
```
#8c9ca4 rgb(140,156,164)
```
#849fac
```
#849fac rgb(132,159,172)
```
#7ca2b4
```
#7ca2b4 rgb(124,162,180)
```
#74a5bc
```
#74a5bc rgb(116,165,188)
```
#6ca8c4
```
#6ca8c4 rgb(108,168,196)
```
#64abcc
```
#64abcc rgb(100,171,204)
```
#5caed4
```
#5caed4 rgb(92,174,212)
```
#54b0dc
```
#54b0dc rgb(84,176,220)
```
#4cb3e4
```
#4cb3e4 rgb(76,179,228)
```
#44b6ec
```
#44b6ec rgb(68,182,236)
```
#3db9f3
```
#3db9f3 rgb(61,185,243)
```
#35bcfb
```
#35bcfb rgb(53,188,251)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#929ba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea1ba Protanopia 1% of men
#a19fc2 Deuteranopia 1% of men
#78abb7 Tritanopia 0.001% of the population

Trichromacy

#8ea3bb Protanomaly 1% of men, 0.01% of women
#90a1c0 Deuteranomaly 6% of men, 0.4% of women
#76a8b9 Tritanomaly 0.01% of the population

#74a5bc hex color

#74a5bc Color Information

#74a5bc Color Conversion

Color Schemes with #74a5bc

Alternatives to #74a5bc

#74a5bc Preview

Shades and Tints of #74a5bc

Tones of #74a5bc

Color Blindness Simulator