#74b7da hex color

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

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

● #74b7da color description : Soft blue.

The hexadecimal color #74b7da has RGB values of R:116, G:183, B:218 and CMYK values of C:0.47, M:0.16, Y:0, K:0.15. Its decimal value is 7649242.

Hex triplet	74b7da	`#74b7da`
RGB Decimal	116, 183, 218	`rgb(116,183,218)`
RGB Percent	45.5, 71.8, 85.5	`rgb(45.5%,71.8%,85.5%)`
CMYK	47, 16, 0, 15
HSL	200.6°, 58, 65.5	`hsl(200.6,58%,65.5%)`
HSV (or HSB)	200.6°, 46.8, 85.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.31, -11.953, -24.205
XYZ	36.788, 42.64, 72.618
xyY	0.242, 0.28, 42.64
CIE-LCH	71.31, 26.995, 243.719
CIE-LUV	71.31, -30.857, -36.331
Hunter-Lab	65.299, -13.712, -20.225
Binary	01110100, 10110111, 11011010

#74b7da
```
#74b7da rgb(116,183,218)
```
#da9774
```
#da9774 rgb(218,151,116)
```

Complementary Color

#74daca
```
#74daca rgb(116,218,202)
```
#74b7da
```
#74b7da rgb(116,183,218)
```
#7484da
```
#7484da rgb(116,132,218)
```

Analogous Color

#daca74
```
#daca74 rgb(218,202,116)
```
#74b7da
```
#74b7da rgb(116,183,218)
```
#da7484
```
#da7484 rgb(218,116,132)
```

Split Complementary Color

#b7da74
```
#b7da74 rgb(183,218,116)
```
#74b7da
```
#74b7da rgb(116,183,218)
```
#da74b7
```
#da74b7 rgb(218,116,183)
```

Triadic Color

#74da97
```
#74da97 rgb(116,218,151)
```
#74b7da
```
#74b7da rgb(116,183,218)
```
#da74b7
```
#da74b7 rgb(218,116,183)
```
#da9774
```
#da9774 rgb(218,151,116)
```

Tetradic Color

#3898ca
```
#3898ca rgb(56,152,202)
```
#4ca2cf
```
#4ca2cf rgb(76,162,207)
```
#60add5
```
#60add5 rgb(96,173,213)
```
#74b7da
```
#74b7da rgb(116,183,218)
```
#88c1df
```
#88c1df rgb(136,193,223)
```
#9ccce5
```
#9ccce5 rgb(156,204,229)
```
#b0d6ea
```
#b0d6ea rgb(176,214,234)
```

Monochromatic Color

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

#74d1da
```
#74d1da rgb(116,209,218)
```
#74c8da
```
#74c8da rgb(116,200,218)
```
#74c0da
```
#74c0da rgb(116,192,218)
```
#74b7da
```
#74b7da rgb(116,183,218)
```
#74afda
```
#74afda rgb(116,175,218)
```
#74a6da
```
#74a6da rgb(116,166,218)
```
#749eda
```
#749eda rgb(116,158,218)
```

Similar Colors

Text with hexadecimal color #74b7da

This text has a font color of #74b7da.

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

#74b7da background color

This paragraph has a background color of #74b7da.

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

#74b7da border color

This element has a border color of #74b7da.

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

CSS codes

.text {color:#74b7da;}

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

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

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)
```
#08181f
```
#08181f rgb(8,24,31)
```
#0c232f
```
#0c232f rgb(12,35,47)
```
#112f3e
```
#112f3e rgb(17,47,62)
```
#153a4e
```
#153a4e rgb(21,58,78)
```
#19465d
```
#19465d rgb(25,70,93)
```
#1d516d
```
#1d516d rgb(29,81,109)
```
#215d7c
```
#215d7c rgb(33,93,124)
```
#25698c
```
#25698c rgb(37,105,140)
```
#29749b
```
#29749b rgb(41,116,155)
```
#2d80ab
```
#2d80ab rgb(45,128,171)
```
#328bba
```
#328bba rgb(50,139,186)
```

Shade Color Variation

#3697ca
```
#3697ca rgb(54,151,202)
```
#469fce
```
#469fce rgb(70,159,206)
```
#55a7d2
```
#55a7d2 rgb(85,167,210)
```
#65afd6
```
#65afd6 rgb(101,175,214)
```
#74b7da
```
#74b7da rgb(116,183,218)
```
#83bfde
```
#83bfde rgb(131,191,222)
```
#93c7e2
```
#93c7e2 rgb(147,199,226)
```
#a2cfe6
```
#a2cfe6 rgb(162,207,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 #52c2fc is the most saturated one.

#a3a8ab
```
#a3a8ab rgb(163,168,171)
```
#9daab1
```
#9daab1 rgb(157,170,177)
```
#96acb8
```
#96acb8 rgb(150,172,184)
```
#8fafbf
```
#8fafbf rgb(143,175,191)
```
#88b1c6
```
#88b1c6 rgb(136,177,198)
```
#82b3cc
```
#82b3cc rgb(130,179,204)
```
#7bb5d3
```
#7bb5d3 rgb(123,181,211)
```
#74b7da
```
#74b7da rgb(116,183,218)
```
#6db9e1
```
#6db9e1 rgb(109,185,225)
```
#66bbe8
```
#66bbe8 rgb(102,187,232)
```
#60bdee
```
#60bdee rgb(96,189,238)
```
#59bff5
```
#59bff5 rgb(89,191,245)
```
#52c2fc
```
#52c2fc rgb(82,194,252)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9daab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab1d5 Protanopia 1% of men
#aaafdf Deuteranopia 1% of men
#74bdcb Tritanopia 0.001% of the population

Trichromacy

#96b3d7 Protanomaly 1% of men, 0.01% of women
#96b2dd Deuteranomaly 6% of men, 0.4% of women
#74bbd0 Tritanomaly 0.01% of the population

#74b7da hex color

#74b7da Color Information

#74b7da Color Conversion

Color Schemes with #74b7da

Alternatives to #74b7da

#74b7da Preview

Shades and Tints of #74b7da

Tones of #74b7da

Color Blindness Simulator