#74b6da hex color

In a RGB color space, hex #74b6da is composed of 45.5% red, 71.4% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 16.5% magenta, 0% yellow and 14.5% black. It has a hue angle of 201.2 degrees, a saturation of 58% and a lightness of 65.5%. #74b6da color hex could be obtained by blending #e8ffff with #006db5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 45
- G 71
- B 85
RGB color chart
- C 47
- M 17
- Y 0
- K 15
CMYK color chart

● #74b6da color description : Soft blue.

The hexadecimal color #74b6da has RGB values of R:116, G:182, B:218 and CMYK values of C:0.47, M:0.17, Y:0, K:0.15. Its decimal value is 7648986.

Hex triplet	74b6da	`#74b6da`
RGB Decimal	116, 182, 218	`rgb(116,182,218)`
RGB Percent	45.5, 71.4, 85.5	`rgb(45.5%,71.4%,85.5%)`
CMYK	47, 17, 0, 15
HSL	201.2°, 58, 65.5	`hsl(201.2,58%,65.5%)`
HSV (or HSB)	201.2°, 46.8, 85.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.028, -11.419, -24.635
XYZ	36.582, 42.229, 72.549
xyY	0.242, 0.279, 42.229
CIE-LCH	71.028, 27.153, 245.131
CIE-LUV	71.028, -30.464, -37.099
Hunter-Lab	64.984, -13.236, -20.704
Binary	01110100, 10110110, 11011010

#74b6da
```
#74b6da rgb(116,182,218)
```
#da9874
```
#da9874 rgb(218,152,116)
```

Complementary Color

#74dacb
```
#74dacb rgb(116,218,203)
```
#74b6da
```
#74b6da rgb(116,182,218)
```
#7483da
```
#7483da rgb(116,131,218)
```

Analogous Color

#dacb74
```
#dacb74 rgb(218,203,116)
```
#74b6da
```
#74b6da rgb(116,182,218)
```
#da7483
```
#da7483 rgb(218,116,131)
```

Split Complementary Color

#b6da74
```
#b6da74 rgb(182,218,116)
```
#74b6da
```
#74b6da rgb(116,182,218)
```
#da74b6
```
#da74b6 rgb(218,116,182)
```

Triadic Color

#74da98
```
#74da98 rgb(116,218,152)
```
#74b6da
```
#74b6da rgb(116,182,218)
```
#da74b6
```
#da74b6 rgb(218,116,182)
```
#da9874
```
#da9874 rgb(218,152,116)
```

Tetradic Color

#3896ca
```
#3896ca rgb(56,150,202)
```
#4ca1cf
```
#4ca1cf rgb(76,161,207)
```
#60abd5
```
#60abd5 rgb(96,171,213)
```
#74b6da
```
#74b6da rgb(116,182,218)
```
#88c1df
```
#88c1df rgb(136,193,223)
```
#9ccbe5
```
#9ccbe5 rgb(156,203,229)
```
#b0d6ea
```
#b0d6ea rgb(176,214,234)
```

Monochromatic Color

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

#74d0da
```
#74d0da rgb(116,208,218)
```
#74c7da
```
#74c7da rgb(116,199,218)
```
#74bfda
```
#74bfda rgb(116,191,218)
```
#74b6da
```
#74b6da rgb(116,182,218)
```
#74aeda
```
#74aeda rgb(116,174,218)
```
#74a5da
```
#74a5da rgb(116,165,218)
```
#749dda
```
#749dda rgb(116,157,218)
```

Similar Colors

Text with hexadecimal color #74b6da

This text has a font color of #74b6da.

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

#74b6da background color

This paragraph has a background color of #74b6da.

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

#74b6da border color

This element has a border color of #74b6da.

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

CSS codes

.text {color:#74b6da;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040c10
```
#040c10 rgb(4,12,16)
```
#08171f
```
#08171f rgb(8,23,31)
```
#0c232f
```
#0c232f rgb(12,35,47)
```
#112e3e
```
#112e3e rgb(17,46,62)
```
#153a4e
```
#153a4e rgb(21,58,78)
```
#19455d
```
#19455d rgb(25,69,93)
```
#1d516d
```
#1d516d rgb(29,81,109)
```
#215c7c
```
#215c7c rgb(33,92,124)
```
#25688c
```
#25688c rgb(37,104,140)
```
#29739b
```
#29739b rgb(41,115,155)
```
#2d7fab
```
#2d7fab rgb(45,127,171)
```
#328aba
```
#328aba rgb(50,138,186)
```

Shade Color Variation

#3695ca
```
#3695ca rgb(54,149,202)
```
#469ece
```
#469ece rgb(70,158,206)
```
#55a6d2
```
#55a6d2 rgb(85,166,210)
```
#65aed6
```
#65aed6 rgb(101,174,214)
```
#74b6da
```
#74b6da rgb(116,182,218)
```
#83bede
```
#83bede rgb(131,190,222)
```
#93c6e2
```
#93c6e2 rgb(147,198,226)
```
#a2cee6
```
#a2cee6 rgb(162,206,230)
```
#b2d7ea
```
#b2d7ea rgb(178,215,234)
```
#c1dfef
```
#c1dfef rgb(193,223,239)
```
#d1e7f3
```
#d1e7f3 rgb(209,231,243)
```
#e0eff7
```
#e0eff7 rgb(224,239,247)
```
#f0f7fb
```
#f0f7fb rgb(240,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a3a8ab is the less saturated color, while #52c0fc is the most saturated one.

#a3a8ab
```
#a3a8ab rgb(163,168,171)
```
#9daab1
```
#9daab1 rgb(157,170,177)
```
#96acb8
```
#96acb8 rgb(150,172,184)
```
#8faebf
```
#8faebf rgb(143,174,191)
```
#88b0c6
```
#88b0c6 rgb(136,176,198)
```
#82b2cc
```
#82b2cc rgb(130,178,204)
```
#7bb4d3
```
#7bb4d3 rgb(123,180,211)
```
#74b6da
```
#74b6da rgb(116,182,218)
```
#6db8e1
```
#6db8e1 rgb(109,184,225)
```
#66bae8
```
#66bae8 rgb(102,186,232)
```
#60bcee
```
#60bcee rgb(96,188,238)
```
#59bef5
```
#59bef5 rgb(89,190,245)
```
#52c0fc
```
#52c0fc rgb(82,192,252)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9ca9b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b0d6 Protanopia 1% of men
#a8afdf Deuteranopia 1% of men
#74bcca Tritanopia 0.001% of the population

Trichromacy

#95b2d7 Protanomaly 1% of men, 0.01% of women
#95b1dd Deuteranomaly 6% of men, 0.4% of women
#74bad0 Tritanomaly 0.01% of the population

#74b6da hex color

#74b6da Color Information

#74b6da Color Conversion

Color Schemes with #74b6da

Alternatives to #74b6da

#74b6da Preview

Shades and Tints of #74b6da

Tones of #74b6da

Color Blindness Simulator