#74a3ba hex color

In a RGB color space, hex #74a3ba is composed of 45.5% red, 63.9% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 12.4% magenta, 0% yellow and 27.1% black. It has a hue angle of 199.7 degrees, a saturation of 33.7% and a lightness of 59.2%. #74a3ba color hex could be obtained by blending #e8ffff with #004775. 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

● #74a3ba color description : Slightly desaturated blue.

The hexadecimal color #74a3ba has RGB values of R:116, G:163, B:186 and CMYK values of C:0.38, M:0.12, Y:0, K:0.27. Its decimal value is 7644090.

Hex triplet	74a3ba	`#74a3ba`
RGB Decimal	116, 163, 186	`rgb(116,163,186)`
RGB Percent	45.5, 63.9, 72.9	`rgb(45.5%,63.9%,72.9%)`
CMYK	38, 12, 0, 27
HSL	199.7°, 33.7, 59.2	`hsl(199.7,33.7%,59.2%)`
HSV (or HSB)	199.7°, 37.6, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.525, -9.862, -16.863
XYZ	29.16, 33.451, 51.372
xyY	0.256, 0.293, 33.451
CIE-LCH	64.525, 19.535, 239.679
CIE-LUV	64.525, -23.127, -24.208
Hunter-Lab	57.837, -11.218, -12.176
Binary	01110100, 10100011, 10111010

#74a3ba
```
#74a3ba rgb(116,163,186)
```
#ba8b74
```
#ba8b74 rgb(186,139,116)
```

Complementary Color

#74baae
```
#74baae rgb(116,186,174)
```
#74a3ba
```
#74a3ba rgb(116,163,186)
```
#7480ba
```
#7480ba rgb(116,128,186)
```

Analogous Color

#baae74
```
#baae74 rgb(186,174,116)
```
#74a3ba
```
#74a3ba rgb(116,163,186)
```
#ba7480
```
#ba7480 rgb(186,116,128)
```

Split Complementary Color

#a3ba74
```
#a3ba74 rgb(163,186,116)
```
#74a3ba
```
#74a3ba rgb(116,163,186)
```
#ba74a3
```
#ba74a3 rgb(186,116,163)
```

Triadic Color

#74ba8b
```
#74ba8b rgb(116,186,139)
```
#74a3ba
```
#74a3ba rgb(116,163,186)
```
#ba74a3
```
#ba74a3 rgb(186,116,163)
```
#ba8b74
```
#ba8b74 rgb(186,139,116)
```

Tetradic Color

#4b7e97
```
#4b7e97 rgb(75,126,151)
```
#538ca8
```
#538ca8 rgb(83,140,168)
```
#6398b2
```
#6398b2 rgb(99,152,178)
```
#74a3ba
```
#74a3ba rgb(116,163,186)
```
#85aec2
```
#85aec2 rgb(133,174,194)
```
#96bacb
```
#96bacb rgb(150,186,203)
```
#a7c5d3
```
#a7c5d3 rgb(167,197,211)
```

Monochromatic Color

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

#74b5ba
```
#74b5ba rgb(116,181,186)
```
#74afba
```
#74afba rgb(116,175,186)
```
#74a9ba
```
#74a9ba rgb(116,169,186)
```
#74a3ba
```
#74a3ba rgb(116,163,186)
```
#749dba
```
#749dba rgb(116,157,186)
```
#7497ba
```
#7497ba rgb(116,151,186)
```
#7492ba
```
#7492ba rgb(116,146,186)
```

Similar Colors

Text with hexadecimal color #74a3ba

This text has a font color of #74a3ba.

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

#74a3ba background color

This paragraph has a background color of #74a3ba.

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

#74a3ba border color

This element has a border color of #74a3ba.

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

CSS codes

.text {color:#74a3ba;}

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

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

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)
```
#16252d
```
#16252d rgb(22,37,45)
```
#1d303a
```
#1d303a rgb(29,48,58)
```
#233b47
```
#233b47 rgb(35,59,71)
```
#2a4654
```
#2a4654 rgb(42,70,84)
```
#305161
```
#305161 rgb(48,81,97)
```
#375c6e
```
#375c6e rgb(55,92,110)
```
#3d677b
```
#3d677b rgb(61,103,123)
```
#447288
```
#447288 rgb(68,114,136)
```
#4a7d95
```
#4a7d95 rgb(74,125,149)
```
#5188a2
```
#5188a2 rgb(81,136,162)
```

Shade Color Variation

#5a92ad
```
#5a92ad rgb(90,146,173)
```
#679ab3
```
#679ab3 rgb(103,154,179)
```
#74a3ba
```
#74a3ba rgb(116,163,186)
```
#81acc1
```
#81acc1 rgb(129,172,193)
```
#8eb4c7
```
#8eb4c7 rgb(142,180,199)
```
#9bbdce
```
#9bbdce rgb(155,189,206)
```
#a8c6d4
```
#a8c6d4 rgb(168,198,212)
```
#b6cedb
```
#b6cedb rgb(182,206,219)
```
#c3d7e1
```
#c3d7e1 rgb(195,215,225)
```
#d0e0e8
```
#d0e0e8 rgb(208,224,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 #34b9fa is the most saturated one.

#94989a
```
#94989a rgb(148,152,154)
```
#8c9ba2
```
#8c9ba2 rgb(140,155,162)
```
#849eaa
```
#849eaa rgb(132,158,170)
```
#7ca0b2
```
#7ca0b2 rgb(124,160,178)
```
#74a3ba
```
#74a3ba rgb(116,163,186)
```
#6ca6c2
```
#6ca6c2 rgb(108,166,194)
```
#64a8ca
```
#64a8ca rgb(100,168,202)
```
#5cabd2
```
#5cabd2 rgb(92,171,210)
```
#54aeda
```
#54aeda rgb(84,174,218)
```
#4cb1e2
```
#4cb1e2 rgb(76,177,226)
```
#44b3ea
```
#44b3ea rgb(68,179,234)
```
#3cb6f2
```
#3cb6f2 rgb(60,182,242)
```
#34b9fa
```
#34b9fa rgb(52,185,250)
```

Tone Color Variation

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

#9ca0b9 Protanopia 1% of men
#a09ec0 Deuteranopia 1% of men
#78a9b5 Tritanopia 0.001% of the population

Trichromacy

#8da1b9 Protanomaly 1% of men, 0.01% of women
#90a0be Deuteranomaly 6% of men, 0.4% of women
#76a6b7 Tritanomaly 0.01% of the population

#74a3ba hex color

#74a3ba Color Information

#74a3ba Color Conversion

Color Schemes with #74a3ba

Alternatives to #74a3ba

#74a3ba Preview

Shades and Tints of #74a3ba

Tones of #74a3ba

Color Blindness Simulator