#74b0da hex color

In a RGB color space, hex #74b0da is composed of 45.5% red, 69% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 19.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 204.7 degrees, a saturation of 58% and a lightness of 65.5%. #74b0da color hex could be obtained by blending #e8ffff with #0061b5. Closest websafe color is: #6699cc.

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

● #74b0da color description : Soft blue.

The hexadecimal color #74b0da has RGB values of R:116, G:176, B:218 and CMYK values of C:0.47, M:0.19, Y:0, K:0.15. Its decimal value is 7647450.

Hex triplet	74b0da	`#74b0da`
RGB Decimal	116, 176, 218	`rgb(116,176,218)`
RGB Percent	45.5, 69, 85.5	`rgb(45.5%,69%,85.5%)`
CMYK	47, 19, 0, 15
HSL	204.7°, 58, 65.5	`hsl(204.7,58%,65.5%)`
HSV (or HSB)	204.7°, 46.8, 85.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.344, -8.188, -27.217
XYZ	35.38, 39.824, 72.148
xyY	0.24, 0.27, 39.824
CIE-LCH	69.344, 28.422, 253.257
CIE-LUV	69.344, -28.114, -41.708
Hunter-Lab	63.106, -10.362, -23.611
Binary	01110100, 10110000, 11011010

#74b0da
```
#74b0da rgb(116,176,218)
```
#da9e74
```
#da9e74 rgb(218,158,116)
```

Complementary Color

#74dad1
```
#74dad1 rgb(116,218,209)
```
#74b0da
```
#74b0da rgb(116,176,218)
```
#747dda
```
#747dda rgb(116,125,218)
```

Analogous Color

#dad174
```
#dad174 rgb(218,209,116)
```
#74b0da
```
#74b0da rgb(116,176,218)
```
#da747d
```
#da747d rgb(218,116,125)
```

Split Complementary Color

#b0da74
```
#b0da74 rgb(176,218,116)
```
#74b0da
```
#74b0da rgb(116,176,218)
```
#da74b0
```
#da74b0 rgb(218,116,176)
```

Triadic Color

#74da9e
```
#74da9e rgb(116,218,158)
```
#74b0da
```
#74b0da rgb(116,176,218)
```
#da74b0
```
#da74b0 rgb(218,116,176)
```
#da9e74
```
#da9e74 rgb(218,158,116)
```

Tetradic Color

#388eca
```
#388eca rgb(56,142,202)
```
#4c99cf
```
#4c99cf rgb(76,153,207)
```
#60a5d5
```
#60a5d5 rgb(96,165,213)
```
#74b0da
```
#74b0da rgb(116,176,218)
```
#88bbdf
```
#88bbdf rgb(136,187,223)
```
#9cc7e5
```
#9cc7e5 rgb(156,199,229)
```
#b0d2ea
```
#b0d2ea rgb(176,210,234)
```

Monochromatic Color

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

#74cada
```
#74cada rgb(116,202,218)
```
#74c1da
```
#74c1da rgb(116,193,218)
```
#74b9da
```
#74b9da rgb(116,185,218)
```
#74b0da
```
#74b0da rgb(116,176,218)
```
#74a8da
```
#74a8da rgb(116,168,218)
```
#749fda
```
#749fda rgb(116,159,218)
```
#7497da
```
#7497da rgb(116,151,218)
```

Similar Colors

Text with hexadecimal color #74b0da

This text has a font color of #74b0da.

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

#74b0da background color

This paragraph has a background color of #74b0da.

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

#74b0da border color

This element has a border color of #74b0da.

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

CSS codes

.text {color:#74b0da;}

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

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

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 #f0f6fb is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#040b10
```
#040b10 rgb(4,11,16)
```
#08161f
```
#08161f rgb(8,22,31)
```
#0c212f
```
#0c212f rgb(12,33,47)
```
#112c3e
```
#112c3e rgb(17,44,62)
```
#15364e
```
#15364e rgb(21,54,78)
```
#19415d
```
#19415d rgb(25,65,93)
```
#1d4c6d
```
#1d4c6d rgb(29,76,109)
```
#21577c
```
#21577c rgb(33,87,124)
```
#25628c
```
#25628c rgb(37,98,140)
```
#296c9b
```
#296c9b rgb(41,108,155)
```
#2d77ab
```
#2d77ab rgb(45,119,171)
```
#3282ba
```
#3282ba rgb(50,130,186)
```

Shade Color Variation

#368dca
```
#368dca rgb(54,141,202)
```
#4696ce
```
#4696ce rgb(70,150,206)
```
#559ed2
```
#559ed2 rgb(85,158,210)
```
#65a7d6
```
#65a7d6 rgb(101,167,214)
```
#74b0da
```
#74b0da rgb(116,176,218)
```
#83b9de
```
#83b9de rgb(131,185,222)
```
#93c2e2
```
#93c2e2 rgb(147,194,226)
```
#a2cae6
```
#a2cae6 rgb(162,202,230)
```
#b2d3ea
```
#b2d3ea rgb(178,211,234)
```
#c1dcef
```
#c1dcef rgb(193,220,239)
```
#d1e5f3
```
#d1e5f3 rgb(209,229,243)
```
#e0eef7
```
#e0eef7 rgb(224,238,247)
```
#f0f6fb
```
#f0f6fb rgb(240,246,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 #52b6fc is the most saturated one.

#a3a8ab
```
#a3a8ab rgb(163,168,171)
```
#9da9b1
```
#9da9b1 rgb(157,169,177)
```
#96aab8
```
#96aab8 rgb(150,170,184)
```
#8fabbf
```
#8fabbf rgb(143,171,191)
```
#88acc6
```
#88acc6 rgb(136,172,198)
```
#82aecc
```
#82aecc rgb(130,174,204)
```
#7bafd3
```
#7bafd3 rgb(123,175,211)
```
#74b0da
```
#74b0da rgb(116,176,218)
```
#6db1e1
```
#6db1e1 rgb(109,177,225)
```
#66b2e8
```
#66b2e8 rgb(102,178,232)
```
#60b4ee
```
#60b4ee rgb(96,180,238)
```
#59b5f5
```
#59b5f5 rgb(89,181,245)
```
#52b6fc
```
#52b6fc rgb(82,182,252)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9aa6ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2acd6 Protanopia 1% of men
#a1abdf Deuteranopia 1% of men
#72b8c5 Tritanopia 0.001% of the population

Trichromacy

#91add7 Protanomaly 1% of men, 0.01% of women
#90acdd Deuteranomaly 6% of men, 0.4% of women
#73b5cd Tritanomaly 0.01% of the population

#74b0da hex color

#74b0da Color Information

#74b0da Color Conversion

Color Schemes with #74b0da

Alternatives to #74b0da

#74b0da Preview

Shades and Tints of #74b0da

Tones of #74b0da

Color Blindness Simulator