#74a9bc hex color

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

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

● #74a9bc color description : Slightly desaturated blue.

The hexadecimal color #74a9bc has RGB values of R:116, G:169, B:188 and CMYK values of C:0.38, M:0.1, Y:0, K:0.26. Its decimal value is 7645628.

Hex triplet	74a9bc	`#74a9bc`
RGB Decimal	116, 169, 188	`rgb(116,169,188)`
RGB Percent	45.5, 66.3, 73.7	`rgb(45.5%,66.3%,73.7%)`
CMYK	38, 10, 0, 26
HSL	195.8°, 35, 59.6	`hsl(195.8,35%,59.6%)`
HSV (or HSB)	195.8°, 38.3, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.304, -12.576, -15.287
XYZ	30.465, 35.718, 52.863
xyY	0.256, 0.3, 35.718
CIE-LCH	66.304, 19.795, 230.558
CIE-LUV	66.304, -25.614, -21.404
Hunter-Lab	59.765, -13.598, -10.608
Binary	01110100, 10101001, 10111100

#74a9bc
```
#74a9bc rgb(116,169,188)
```
#bc8774
```
#bc8774 rgb(188,135,116)
```

Complementary Color

#74bcab
```
#74bcab rgb(116,188,171)
```
#74a9bc
```
#74a9bc rgb(116,169,188)
```
#7485bc
```
#7485bc rgb(116,133,188)
```

Analogous Color

#bcab74
```
#bcab74 rgb(188,171,116)
```
#74a9bc
```
#74a9bc rgb(116,169,188)
```
#bc7485
```
#bc7485 rgb(188,116,133)
```

Split Complementary Color

#a9bc74
```
#a9bc74 rgb(169,188,116)
```
#74a9bc
```
#74a9bc rgb(116,169,188)
```
#bc74a9
```
#bc74a9 rgb(188,116,169)
```

Triadic Color

#74bc87
```
#74bc87 rgb(116,188,135)
```
#74a9bc
```
#74a9bc rgb(116,169,188)
```
#bc74a9
```
#bc74a9 rgb(188,116,169)
```
#bc8774
```
#bc8774 rgb(188,135,116)
```

Tetradic Color

#4a859a
```
#4a859a rgb(74,133,154)
```
#5293ab
```
#5293ab rgb(82,147,171)
```
#639eb4
```
#639eb4 rgb(99,158,180)
```
#74a9bc
```
#74a9bc rgb(116,169,188)
```
#85b4c4
```
#85b4c4 rgb(133,180,196)
```
#96becd
```
#96becd rgb(150,190,205)
```
#a8c9d5
```
#a8c9d5 rgb(168,201,213)
```

Monochromatic Color

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

#74bbbc
```
#74bbbc rgb(116,187,188)
```
#74b5bc
```
#74b5bc rgb(116,181,188)
```
#74afbc
```
#74afbc rgb(116,175,188)
```
#74a9bc
```
#74a9bc rgb(116,169,188)
```
#74a3bc
```
#74a3bc rgb(116,163,188)
```
#749dbc
```
#749dbc rgb(116,157,188)
```
#7497bc
```
#7497bc rgb(116,151,188)
```

Similar Colors

Text with hexadecimal color #74a9bc

This text has a font color of #74a9bc.

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

#74a9bc background color

This paragraph has a background color of #74a9bc.

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

#74a9bc border color

This element has a border color of #74a9bc.

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

CSS codes

.text {color:#74a9bc;}

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

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

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)
```
#101d21
```
#101d21 rgb(16,29,33)
```
#16282e
```
#16282e rgb(22,40,46)
```
#1d333c
```
#1d333c rgb(29,51,60)
```
#233f49
```
#233f49 rgb(35,63,73)
```
#294a56
```
#294a56 rgb(41,74,86)
```
#305663
```
#305663 rgb(48,86,99)
```
#366170
```
#366170 rgb(54,97,112)
```
#3d6d7e
```
#3d6d7e rgb(61,109,126)
```
#43788b
```
#43788b rgb(67,120,139)
```
#498398
```
#498398 rgb(73,131,152)
```
#508fa5
```
#508fa5 rgb(80,143,165)
```

Shade Color Variation

#5a99af
```
#5a99af rgb(90,153,175)
```
#67a1b6
```
#67a1b6 rgb(103,161,182)
```
#74a9bc
```
#74a9bc rgb(116,169,188)
```
#81b1c2
```
#81b1c2 rgb(129,177,194)
```
#8eb9c9
```
#8eb9c9 rgb(142,185,201)
```
#9cc2cf
```
#9cc2cf rgb(156,194,207)
```
#a9cad6
```
#a9cad6 rgb(169,202,214)
```
#b6d2dc
```
#b6d2dc rgb(182,210,220)
```
#c3dae2
```
#c3dae2 rgb(195,218,226)
```
#d1e2e9
```
#d1e2e9 rgb(209,226,233)
```
#deebef
```
#deebef rgb(222,235,239)
```
#ebf3f5
```
#ebf3f5 rgb(235,243,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 #35c7fb is the most saturated one.

#949a9c
```
#949a9c rgb(148,154,156)
```
#8c9ea4
```
#8c9ea4 rgb(140,158,164)
```
#84a2ac
```
#84a2ac rgb(132,162,172)
```
#7ca5b4
```
#7ca5b4 rgb(124,165,180)
```
#74a9bc
```
#74a9bc rgb(116,169,188)
```
#6cadc4
```
#6cadc4 rgb(108,173,196)
```
#64b0cc
```
#64b0cc rgb(100,176,204)
```
#5cb4d4
```
#5cb4d4 rgb(92,180,212)
```
#54b8dc
```
#54b8dc rgb(84,184,220)
```
#4cbce4
```
#4cbce4 rgb(76,188,228)
```
#44bfec
```
#44bfec rgb(68,191,236)
```
#3dc3f3
```
#3dc3f3 rgb(61,195,243)
```
#35c7fb
```
#35c7fb rgb(53,199,251)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#939ea2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a4ba Protanopia 1% of men
#a6a2c3 Deuteranopia 1% of men
#79aeba Tritanopia 0.001% of the population

Trichromacy

#91a6ba Protanomaly 1% of men, 0.01% of women
#93a4c0 Deuteranomaly 6% of men, 0.4% of women
#77acbb Tritanomaly 0.01% of the population

#74a9bc hex color

#74a9bc Color Information

#74a9bc Color Conversion

Color Schemes with #74a9bc

Alternatives to #74a9bc

#74a9bc Preview

Shades and Tints of #74a9bc

Tones of #74a9bc

Color Blindness Simulator