colorhexa.com

#74a1ba hex color

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

- R 45
- G 63
- B 73
RGB color chart
- C 38
- M 13
- Y 0
- K 27
CMYK color chart

● #74a1ba color description : Slightly desaturated blue.

The hexadecimal color #74a1ba has RGB values of R:116, G:161, B:186 and CMYK values of C:0.38, M:0.13, Y:0, K:0.27. Its decimal value is 7643578.

Hex triplet	74a1ba	`#74a1ba`
RGB Decimal	116, 161, 186	`rgb(116,161,186)`
RGB Percent	45.5, 63.1, 72.9	`rgb(45.5%,63.1%,72.9%)`
CMYK	38, 13, 0, 27
HSL	201.4°, 33.7, 59.2	`hsl(201.4,33.7%,59.2%)`
HSV (or HSB)	201.4°, 37.6, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.955, -8.772, -17.726
XYZ	28.808, 32.747, 51.254
xyY	0.255, 0.29, 32.747
CIE-LCH	63.955, 19.778, 243.672
CIE-LUV	63.955, -22.293, -25.706
Hunter-Lab	57.225, -10.283, -13.047
Binary	01110100, 10100001, 10111010

#74a1ba
```
#74a1ba rgb(116,161,186)
```
#ba8d74
```
#ba8d74 rgb(186,141,116)
```

Complementary Color

#74bab0
```
#74bab0 rgb(116,186,176)
```
#74a1ba
```
#74a1ba rgb(116,161,186)
```
#747eba
```
#747eba rgb(116,126,186)
```

Analogous Color

#bab074
```
#bab074 rgb(186,176,116)
```
#74a1ba
```
#74a1ba rgb(116,161,186)
```
#ba747e
```
#ba747e rgb(186,116,126)
```

Split Complementary Color

#a1ba74
```
#a1ba74 rgb(161,186,116)
```
#74a1ba
```
#74a1ba rgb(116,161,186)
```
#ba74a1
```
#ba74a1 rgb(186,116,161)
```

Triadic Color

#74ba8d
```
#74ba8d rgb(116,186,141)
```
#74a1ba
```
#74a1ba rgb(116,161,186)
```
#ba74a1
```
#ba74a1 rgb(186,116,161)
```
#ba8d74
```
#ba8d74 rgb(186,141,116)
```

Tetradic Color

#4b7c97
```
#4b7c97 rgb(75,124,151)
```
#538aa8
```
#538aa8 rgb(83,138,168)
```
#6395b2
```
#6395b2 rgb(99,149,178)
```
#74a1ba
```
#74a1ba rgb(116,161,186)
```
#85adc2
```
#85adc2 rgb(133,173,194)
```
#96b8cb
```
#96b8cb rgb(150,184,203)
```
#a7c4d3
```
#a7c4d3 rgb(167,196,211)
```

Monochromatic Color

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

#74b3ba
```
#74b3ba rgb(116,179,186)
```
#74adba
```
#74adba rgb(116,173,186)
```
#74a7ba
```
#74a7ba rgb(116,167,186)
```
#74a1ba
```
#74a1ba rgb(116,161,186)
```
#749bba
```
#749bba rgb(116,155,186)
```
#7495ba
```
#7495ba rgb(116,149,186)
```
#7490ba
```
#7490ba rgb(116,144,186)
```

Similar Colors

Text with hexadecimal color #74a1ba

This text has a font color of #74a1ba.

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

#74a1ba background color

This paragraph has a background color of #74a1ba.

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

#74a1ba border color

This element has a border color of #74a1ba.

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

CSS codes

.text {color:#74a1ba;}

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

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

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)
```
#1d2f3a
```
#1d2f3a rgb(29,47,58)
```
#233a47
```
#233a47 rgb(35,58,71)
```
#2a4554
```
#2a4554 rgb(42,69,84)
```
#305061
```
#305061 rgb(48,80,97)
```
#375a6e
```
#375a6e rgb(55,90,110)
```
#3d657b
```
#3d657b rgb(61,101,123)
```
#447088
```
#447088 rgb(68,112,136)
```
#4a7b95
```
#4a7b95 rgb(74,123,149)
```
#5185a2
```
#5185a2 rgb(81,133,162)
```

Shade Color Variation

#5a8fad
```
#5a8fad rgb(90,143,173)
```
#6798b3
```
#6798b3 rgb(103,152,179)
```
#74a1ba
```
#74a1ba rgb(116,161,186)
```
#81aac1
```
#81aac1 rgb(129,170,193)
```
#8eb3c7
```
#8eb3c7 rgb(142,179,199)
```
#9bbcce
```
#9bbcce rgb(155,188,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 #34b3fa is the most saturated one.

#94989a
```
#94989a rgb(148,152,154)
```
#8c9aa2
```
#8c9aa2 rgb(140,154,162)
```
#849caa
```
#849caa rgb(132,156,170)
```
#7c9fb2
```
#7c9fb2 rgb(124,159,178)
```
#74a1ba
```
#74a1ba rgb(116,161,186)
```
#6ca3c2
```
#6ca3c2 rgb(108,163,194)
```
#64a6ca
```
#64a6ca rgb(100,166,202)
```
#5ca8d2
```
#5ca8d2 rgb(92,168,210)
```
#54aada
```
#54aada rgb(84,170,218)
```
#4cace2
```
#4cace2 rgb(76,172,226)
```
#44afea
```
#44afea rgb(68,175,234)
```
#3cb1f2
```
#3cb1f2 rgb(60,177,242)
```
#34b3fa
```
#34b3fa rgb(52,179,250)
```

Tone Color Variation

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

#9a9eb9 Protanopia 1% of men
#9d9dc0 Deuteranopia 1% of men
#78a7b3 Tritanopia 0.001% of the population

Trichromacy

#8c9fb9 Protanomaly 1% of men, 0.01% of women
#8e9ebe Deuteranomaly 6% of men, 0.4% of women
#76a5b6 Tritanomaly 0.01% of the population