#74a0ba hex color

In a RGB color space, hex #74a0ba is composed of 45.5% red, 62.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 14% magenta, 0% yellow and 27.1% black. It has a hue angle of 202.3 degrees, a saturation of 33.7% and a lightness of 59.2%. #74a0ba color hex could be obtained by blending #e8ffff with #004175. Closest websafe color is: #6699cc.

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

● #74a0ba color description : Slightly desaturated blue.

The hexadecimal color #74a0ba has RGB values of R:116, G:160, B:186 and CMYK values of C:0.38, M:0.14, Y:0, K:0.27. Its decimal value is 7643322.

Hex triplet	74a0ba	`#74a0ba`
RGB Decimal	116, 160, 186	`rgb(116,160,186)`
RGB Percent	45.5, 62.7, 72.9	`rgb(45.5%,62.7%,72.9%)`
CMYK	38, 14, 0, 27
HSL	202.3°, 33.7, 59.2	`hsl(202.3,33.7%,59.2%)`
HSV (or HSB)	202.3°, 37.6, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.671, -8.224, -18.158
XYZ	28.634, 32.399, 51.196
xyY	0.255, 0.289, 32.399
CIE-LCH	63.671, 19.933, 245.633
CIE-LUV	63.671, -21.877, -26.454
Hunter-Lab	56.92, -9.813, -13.485
Binary	01110100, 10100000, 10111010

#74a0ba
```
#74a0ba rgb(116,160,186)
```
#ba8e74
```
#ba8e74 rgb(186,142,116)
```

Complementary Color

#74bab1
```
#74bab1 rgb(116,186,177)
```
#74a0ba
```
#74a0ba rgb(116,160,186)
```
#747dba
```
#747dba rgb(116,125,186)
```

Analogous Color

#bab174
```
#bab174 rgb(186,177,116)
```
#74a0ba
```
#74a0ba rgb(116,160,186)
```
#ba747d
```
#ba747d rgb(186,116,125)
```

Split Complementary Color

#a0ba74
```
#a0ba74 rgb(160,186,116)
```
#74a0ba
```
#74a0ba rgb(116,160,186)
```
#ba74a0
```
#ba74a0 rgb(186,116,160)
```

Triadic Color

#74ba8e
```
#74ba8e rgb(116,186,142)
```
#74a0ba
```
#74a0ba rgb(116,160,186)
```
#ba74a0
```
#ba74a0 rgb(186,116,160)
```
#ba8e74
```
#ba8e74 rgb(186,142,116)
```

Tetradic Color

#4b7b97
```
#4b7b97 rgb(75,123,151)
```
#5388a8
```
#5388a8 rgb(83,136,168)
```
#6394b2
```
#6394b2 rgb(99,148,178)
```
#74a0ba
```
#74a0ba rgb(116,160,186)
```
#85acc2
```
#85acc2 rgb(133,172,194)
```
#96b7cb
```
#96b7cb rgb(150,183,203)
```
#a7c3d3
```
#a7c3d3 rgb(167,195,211)
```

Monochromatic Color

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

#74b2ba
```
#74b2ba rgb(116,178,186)
```
#74acba
```
#74acba rgb(116,172,186)
```
#74a6ba
```
#74a6ba rgb(116,166,186)
```
#74a0ba
```
#74a0ba rgb(116,160,186)
```
#749aba
```
#749aba rgb(116,154,186)
```
#7494ba
```
#7494ba rgb(116,148,186)
```
#748fba
```
#748fba rgb(116,143,186)
```

Similar Colors

Text with hexadecimal color #74a0ba

This text has a font color of #74a0ba.

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

#74a0ba background color

This paragraph has a background color of #74a0ba.

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

#74a0ba border color

This element has a border color of #74a0ba.

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

CSS codes

.text {color:#74a0ba;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#090f12
```
#090f12 rgb(9,15,18)
```
#101a1f
```
#101a1f rgb(16,26,31)
```
#16242d
```
#16242d rgb(22,36,45)
```
#1d2f3a
```
#1d2f3a rgb(29,47,58)
```
#233a47
```
#233a47 rgb(35,58,71)
```
#2a4454
```
#2a4454 rgb(42,68,84)
```
#304f61
```
#304f61 rgb(48,79,97)
```
#37596e
```
#37596e rgb(55,89,110)
```
#3d647b
```
#3d647b rgb(61,100,123)
```
#446f88
```
#446f88 rgb(68,111,136)
```
#4a7995
```
#4a7995 rgb(74,121,149)
```
#5184a2
```
#5184a2 rgb(81,132,162)
```

Shade Color Variation

#5a8ead
```
#5a8ead rgb(90,142,173)
```
#6797b3
```
#6797b3 rgb(103,151,179)
```
#74a0ba
```
#74a0ba rgb(116,160,186)
```
#81a9c1
```
#81a9c1 rgb(129,169,193)
```
#8eb2c7
```
#8eb2c7 rgb(142,178,199)
```
#9bbbce
```
#9bbbce rgb(155,187,206)
```
#a8c4d4
```
#a8c4d4 rgb(168,196,212)
```
#b6cddb
```
#b6cddb rgb(182,205,219)
```
#c3d6e1
```
#c3d6e1 rgb(195,214,225)
```
#d0dfe8
```
#d0dfe8 rgb(208,223,232)
```
#dde8ee
```
#dde8ee rgb(221,232,238)
```
#eaf1f5
```
#eaf1f5 rgb(234,241,245)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

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

#94989a
```
#94989a rgb(148,152,154)
```
#8c9aa2
```
#8c9aa2 rgb(140,154,162)
```
#849caa
```
#849caa rgb(132,156,170)
```
#7c9eb2
```
#7c9eb2 rgb(124,158,178)
```
#74a0ba
```
#74a0ba rgb(116,160,186)
```
#6ca2c2
```
#6ca2c2 rgb(108,162,194)
```
#64a4ca
```
#64a4ca rgb(100,164,202)
```
#5ca6d2
```
#5ca6d2 rgb(92,166,210)
```
#54a8da
```
#54a8da rgb(84,168,218)
```
#4caae2
```
#4caae2 rgb(76,170,226)
```
#44acea
```
#44acea rgb(68,172,234)
```
#3caef2
```
#3caef2 rgb(60,174,242)
```
#34b0fa
```
#34b0fa rgb(52,176,250)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8f989d Atypical Achromatopsia 0.001% of the population

Dichromacy

#999eb9 Protanopia 1% of men
#9c9cc0 Deuteranopia 1% of men
#77a6b2 Tritanopia 0.001% of the population

Trichromacy

#8b9eb9 Protanomaly 1% of men, 0.01% of women
#8d9dbe Deuteranomaly 6% of men, 0.4% of women
#76a4b5 Tritanomaly 0.01% of the population

#74a0ba hex color

#74a0ba Color Information

#74a0ba Color Conversion

Color Schemes with #74a0ba

Alternatives to #74a0ba

#74a0ba Preview

Shades and Tints of #74a0ba

Tones of #74a0ba

Color Blindness Simulator