#74a4bb hex color

In a RGB color space, hex #74a4bb is composed of 45.5% red, 64.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 12.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 199.4 degrees, a saturation of 34.3% and a lightness of 59.4%. #74a4bb color hex could be obtained by blending #e8ffff with #004977. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 64
- B 73
RGB color chart
- C 38
- M 12
- Y 0
- K 27
CMYK color chart

● #74a4bb color description : Slightly desaturated blue.

The hexadecimal color #74a4bb has RGB values of R:116, G:164, B:187 and CMYK values of C:0.38, M:0.12, Y:0, K:0.27. Its decimal value is 7644347.

Hex triplet	74a4bb	`#74a4bb`
RGB Decimal	116, 164, 187	`rgb(116,164,187)`
RGB Percent	45.5, 64.3, 73.3	`rgb(45.5%,64.3%,73.3%)`
CMYK	38, 12, 0, 27
HSL	199.4°, 34.3, 59.4	`hsl(199.4,34.3%,59.4%)`
HSV (or HSB)	199.4°, 38, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.844, -10.143, -16.938
XYZ	29.445, 33.85, 51.993
xyY	0.255, 0.294, 33.85
CIE-LCH	64.844, 19.743, 239.087
CIE-LUV	64.844, -23.54, -24.307
Hunter-Lab	58.181, -11.478, -12.257
Binary	01110100, 10100100, 10111011

#74a4bb
```
#74a4bb rgb(116,164,187)
```
#bb8b74
```
#bb8b74 rgb(187,139,116)
```

Complementary Color

#74bbaf
```
#74bbaf rgb(116,187,175)
```
#74a4bb
```
#74a4bb rgb(116,164,187)
```
#7481bb
```
#7481bb rgb(116,129,187)
```

Analogous Color

#bbaf74
```
#bbaf74 rgb(187,175,116)
```
#74a4bb
```
#74a4bb rgb(116,164,187)
```
#bb7481
```
#bb7481 rgb(187,116,129)
```

Split Complementary Color

#a4bb74
```
#a4bb74 rgb(164,187,116)
```
#74a4bb
```
#74a4bb rgb(116,164,187)
```
#bb74a4
```
#bb74a4 rgb(187,116,164)
```

Triadic Color

#74bb8b
```
#74bb8b rgb(116,187,139)
```
#74a4bb
```
#74a4bb rgb(116,164,187)
```
#bb74a4
```
#bb74a4 rgb(187,116,164)
```
#bb8b74
```
#bb8b74 rgb(187,139,116)
```

Tetradic Color

#4a7f98
```
#4a7f98 rgb(74,127,152)
```
#538da9
```
#538da9 rgb(83,141,169)
```
#6399b3
```
#6399b3 rgb(99,153,179)
```
#74a4bb
```
#74a4bb rgb(116,164,187)
```
#85afc3
```
#85afc3 rgb(133,175,195)
```
#96bacc
```
#96bacc rgb(150,186,204)
```
#a7c6d4
```
#a7c6d4 rgb(167,198,212)
```

Monochromatic Color

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

#74b6bb
```
#74b6bb rgb(116,182,187)
```
#74b0bb
```
#74b0bb rgb(116,176,187)
```
#74aabb
```
#74aabb rgb(116,170,187)
```
#74a4bb
```
#74a4bb rgb(116,164,187)
```
#749ebb
```
#749ebb rgb(116,158,187)
```
#7498bb
```
#7498bb rgb(116,152,187)
```
#7492bb
```
#7492bb rgb(116,146,187)
```

Similar Colors

Text with hexadecimal color #74a4bb

This text has a font color of #74a4bb.

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

#74a4bb background color

This paragraph has a background color of #74a4bb.

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

#74a4bb border color

This element has a border color of #74a4bb.

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

CSS codes

.text {color:#74a4bb;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#091013
```
#091013 rgb(9,16,19)
```
#101b20
```
#101b20 rgb(16,27,32)
```
#16262d
```
#16262d rgb(22,38,45)
```
#1d313b
```
#1d313b rgb(29,49,59)
```
#233c48
```
#233c48 rgb(35,60,72)
```
#2a4755
```
#2a4755 rgb(42,71,85)
```
#305262
```
#305262 rgb(48,82,98)
```
#365d6f
```
#365d6f rgb(54,93,111)
```
#3d687c
```
#3d687c rgb(61,104,124)
```
#43738a
```
#43738a rgb(67,115,138)
```
#4a7e97
```
#4a7e97 rgb(74,126,151)
```
#5089a4
```
#5089a4 rgb(80,137,164)
```

Shade Color Variation

#5a93ae
```
#5a93ae rgb(90,147,174)
```
#679bb5
```
#679bb5 rgb(103,155,181)
```
#74a4bb
```
#74a4bb rgb(116,164,187)
```
#81adc1
```
#81adc1 rgb(129,173,193)
```
#8eb5c8
```
#8eb5c8 rgb(142,181,200)
```
#9cbece
```
#9cbece rgb(156,190,206)
```
#a9c6d5
```
#a9c6d5 rgb(169,198,213)
```
#b6cfdb
```
#b6cfdb rgb(182,207,219)
```
#c3d8e2
```
#c3d8e2 rgb(195,216,226)
```
#d0e0e8
```
#d0e0e8 rgb(208,224,232)
```
#dde9ef
```
#dde9ef rgb(221,233,239)
```
#ebf2f5
```
#ebf2f5 rgb(235,242,245)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94999b is the less saturated color, while #34bafb is the most saturated one.

#94999b
```
#94999b rgb(148,153,155)
```
#8c9ca3
```
#8c9ca3 rgb(140,156,163)
```
#849eab
```
#849eab rgb(132,158,171)
```
#7ca1b3
```
#7ca1b3 rgb(124,161,179)
```
#74a4bb
```
#74a4bb rgb(116,164,187)
```
#6ca7c3
```
#6ca7c3 rgb(108,167,195)
```
#64aacb
```
#64aacb rgb(100,170,203)
```
#5cacd3
```
#5cacd3 rgb(92,172,211)
```
#54afdb
```
#54afdb rgb(84,175,219)
```
#4cb2e3
```
#4cb2e3 rgb(76,178,227)
```
#44b5eb
```
#44b5eb rgb(68,181,235)
```
#3cb8f3
```
#3cb8f3 rgb(60,184,243)
```
#34bafb
```
#34bafb rgb(52,186,251)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#919a9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da1b9 Protanopia 1% of men
#a09fc1 Deuteranopia 1% of men
#78aab6 Tritanopia 0.001% of the population

Trichromacy

#8ea2ba Protanomaly 1% of men, 0.01% of women
#90a0bf Deuteranomaly 6% of men, 0.4% of women
#76a7b8 Tritanomaly 0.01% of the population

#74a4bb hex color

#74a4bb Color Information

#74a4bb Color Conversion

Color Schemes with #74a4bb

Alternatives to #74a4bb

#74a4bb Preview

Shades and Tints of #74a4bb

Tones of #74a4bb

Color Blindness Simulator