#74b4fb hex color

In a RGB color space, hex #74b4fb is composed of 45.5% red, 70.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 28.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 211.6 degrees, a saturation of 94.4% and a lightness of 72%. #74b4fb color hex could be obtained by blending #e8ffff with #0069f7. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 45
- G 71
- B 98
RGB color chart
- C 54
- M 28
- Y 0
- K 2
CMYK color chart

● #74b4fb color description : Soft blue.

The hexadecimal color #74b4fb has RGB values of R:116, G:180, B:251 and CMYK values of C:0.54, M:0.28, Y:0, K:0.02. Its decimal value is 7648507.

Hex triplet	74b4fb	`#74b4fb`
RGB Decimal	116, 180, 251	`rgb(116,180,251)`
RGB Percent	45.5, 70.6, 98.4	`rgb(45.5%,70.6%,98.4%)`
CMYK	54, 28, 0, 2
HSL	211.6°, 94.4, 72	`hsl(211.6,94.4%,72%)`
HSV (or HSB)	211.6°, 53.8, 98.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.77, -0.738, -41.422
XYZ	40.932, 43.318, 97.466
xyY	0.225, 0.238, 43.318
CIE-LCH	71.77, 41.428, 268.98
CIE-LUV	71.77, -29.2, -66.964
Hunter-Lab	65.817, -4.167, -41.729
Binary	01110100, 10110100, 11111011

#74b4fb
```
#74b4fb rgb(116,180,251)
```
#fbbb74
```
#fbbb74 rgb(251,187,116)
```

Complementary Color

#74f8fb
```
#74f8fb rgb(116,248,251)
```
#74b4fb
```
#74b4fb rgb(116,180,251)
```
#7874fb
```
#7874fb rgb(120,116,251)
```

Analogous Color

#f8fb74
```
#f8fb74 rgb(248,251,116)
```
#74b4fb
```
#74b4fb rgb(116,180,251)
```
#fb7874
```
#fb7874 rgb(251,120,116)
```

Split Complementary Color

#b4fb74
```
#b4fb74 rgb(180,251,116)
```
#74b4fb
```
#74b4fb rgb(116,180,251)
```
#fb74b4
```
#fb74b4 rgb(251,116,180)
```

Triadic Color

#74fbbb
```
#74fbbb rgb(116,251,187)
```
#74b4fb
```
#74b4fb rgb(116,180,251)
```
#fb74b4
```
#fb74b4 rgb(251,116,180)
```
#fbbb74
```
#fbbb74 rgb(251,187,116)
```

Tetradic Color

#2a8cf9
```
#2a8cf9 rgb(42,140,249)
```
#4299fa
```
#4299fa rgb(66,153,250)
```
#5ba7fa
```
#5ba7fa rgb(91,167,250)
```
#74b4fb
```
#74b4fb rgb(116,180,251)
```
#8dc1fc
```
#8dc1fc rgb(141,193,252)
```
#a6cffc
```
#a6cffc rgb(166,207,252)
```
#bedcfd
```
#bedcfd rgb(190,220,253)
```

Monochromatic Color

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

#74d6fb
```
#74d6fb rgb(116,214,251)
```
#74cbfb
```
#74cbfb rgb(116,203,251)
```
#74bffb
```
#74bffb rgb(116,191,251)
```
#74b4fb
```
#74b4fb rgb(116,180,251)
```
#74a9fb
```
#74a9fb rgb(116,169,251)
```
#749efb
```
#749efb rgb(116,158,251)
```
#7492fb
```
#7492fb rgb(116,146,251)
```

Similar Colors

Text with hexadecimal color #74b4fb

This text has a font color of #74b4fb.

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

#74b4fb background color

This paragraph has a background color of #74b4fb.

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

#74b4fb border color

This element has a border color of #74b4fb.

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

CSS codes

.text {color:#74b4fb;}

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

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

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, #00070e is the darkest color, while #f9fcff is the lightest one.

#00070e
```
#00070e rgb(0,7,14)
```
#011021
```
#011021 rgb(1,16,33)
```
#011934
```
#011934 rgb(1,25,52)
```
#022347
```
#022347 rgb(2,35,71)
```
#032c5a
```
#032c5a rgb(3,44,90)
```
#03356d
```
#03356d rgb(3,53,109)
```
#043f80
```
#043f80 rgb(4,63,128)
```
#044893
```
#044893 rgb(4,72,147)
```
#0551a6
```
#0551a6 rgb(5,81,166)
```
#055bb9
```
#055bb9 rgb(5,91,185)
```
#0664cc
```
#0664cc rgb(6,100,204)
```
#066ddf
```
#066ddf rgb(6,109,223)
```
#0777f2
```
#0777f2 rgb(7,119,242)
```

Shade Color Variation

#1581f8
```
#1581f8 rgb(21,129,248)
```
#288bf9
```
#288bf9 rgb(40,139,249)
```
#3b95f9
```
#3b95f9 rgb(59,149,249)
```
#4e9ffa
```
#4e9ffa rgb(78,159,250)
```
#61aafa
```
#61aafa rgb(97,170,250)
```
#74b4fb
```
#74b4fb rgb(116,180,251)
```
#87befc
```
#87befc rgb(135,190,252)
```
#9ac9fc
```
#9ac9fc rgb(154,201,252)
```
#add3fd
```
#add3fd rgb(173,211,253)
```
#c0ddfd
```
#c0ddfd rgb(192,221,253)
```
#d3e7fe
```
#d3e7fe rgb(211,231,254)
```
#e6f2fe
```
#e6f2fe rgb(230,242,254)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#b6b7b9
```
#b6b7b9 rgb(182,183,185)
```
#b1b7bf
```
#b1b7bf rgb(177,183,191)
```
#abb7c4
```
#abb7c4 rgb(171,183,196)
```
#a6b7ca
```
#a6b7ca rgb(166,183,202)
```
#a0b6cf
```
#a0b6cf rgb(160,182,207)
```
#9bb6d5
```
#9bb6d5 rgb(155,182,213)
```
#95b6da
```
#95b6da rgb(149,182,218)
```
#90b5e0
```
#90b5e0 rgb(144,181,224)
```
#8ab5e5
```
#8ab5e5 rgb(138,181,229)
```
#85b5eb
```
#85b5eb rgb(133,181,235)
```
#7fb5f0
```
#7fb5f0 rgb(127,181,240)
```
#7ab4f6
```
#7ab4f6 rgb(122,180,246)
```
#74b4fb
```
#74b4fb rgb(116,180,251)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#9eabb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cb1f6 Protanopia 1% of men
#93b2fd Deuteranopia 1% of men
#66c0ce Tritanopia 0.001% of the population

Trichromacy

#8eb2f8 Protanomaly 1% of men, 0.01% of women
#88b3fc Deuteranomaly 6% of men, 0.4% of women
#6bbcde Tritanomaly 0.01% of the population

#74b4fb hex color

#74b4fb Color Information

#74b4fb Color Conversion

Color Schemes with #74b4fb

Alternatives to #74b4fb

#74b4fb Preview

Shades and Tints of #74b4fb

Tones of #74b4fb

Color Blindness Simulator