#74b0fe hex color

In a RGB color space, hex #74b0fe is composed of 45.5% red, 69% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 30.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 213.9 degrees, a saturation of 98.6% and a lightness of 72.5%. #74b0fe color hex could be obtained by blending #e8ffff with #0061fd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 45
- G 69
- B 100
RGB color chart
- C 54
- M 31
- Y 0
- K 0
CMYK color chart

● #74b0fe color description : Soft blue.

The hexadecimal color #74b0fe has RGB values of R:116, G:176, B:254 and CMYK values of C:0.54, M:0.31, Y:0, K:0. Its decimal value is 7647486.

Hex triplet	74b0fe	`#74b0fe`
RGB Decimal	116, 176, 254	`rgb(116,176,254)`
RGB Percent	45.5, 69, 99.6	`rgb(45.5%,69%,99.6%)`
CMYK	54, 31, 0, 0
HSL	213.9°, 98.6, 72.5	`hsl(213.9,98.6%,72.5%)`
HSV (or HSB)	213.9°, 54.3, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.814, 2.402, -44.54
XYZ	40.613, 41.917, 99.711
xyY	0.223, 0.23, 41.917
CIE-LCH	70.814, 44.605, 273.087
CIE-LUV	70.814, -27.713, -72.554
Hunter-Lab	64.743, -1.329, -45.992
Binary	01110100, 10110000, 11111110

#74b0fe
```
#74b0fe rgb(116,176,254)
```
#fec274
```
#fec274 rgb(254,194,116)
```

Complementary Color

#74f5fe
```
#74f5fe rgb(116,245,254)
```
#74b0fe
```
#74b0fe rgb(116,176,254)
```
#7d74fe
```
#7d74fe rgb(125,116,254)
```

Analogous Color

#f5fe74
```
#f5fe74 rgb(245,254,116)
```
#74b0fe
```
#74b0fe rgb(116,176,254)
```
#fe7d74
```
#fe7d74 rgb(254,125,116)
```

Split Complementary Color

#b0fe74
```
#b0fe74 rgb(176,254,116)
```
#74b0fe
```
#74b0fe rgb(116,176,254)
```
#fe74b0
```
#fe74b0 rgb(254,116,176)
```

Triadic Color

#74fec2
```
#74fec2 rgb(116,254,194)
```
#74b0fe
```
#74b0fe rgb(116,176,254)
```
#fe74b0
```
#fe74b0 rgb(254,116,176)
```
#fec274
```
#fec274 rgb(254,194,116)
```

Tetradic Color

#2885fd
```
#2885fd rgb(40,133,253)
```
#4193fe
```
#4193fe rgb(65,147,254)
```
#5ba2fe
```
#5ba2fe rgb(91,162,254)
```
#74b0fe
```
#74b0fe rgb(116,176,254)
```
#8dbefe
```
#8dbefe rgb(141,190,254)
```
#a7cdfe
```
#a7cdfe rgb(167,205,254)
```
#c0dbff
```
#c0dbff rgb(192,219,255)
```

Monochromatic Color

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

#74d3fe
```
#74d3fe rgb(116,211,254)
```
#74c7fe
```
#74c7fe rgb(116,199,254)
```
#74bcfe
```
#74bcfe rgb(116,188,254)
```
#74b0fe
```
#74b0fe rgb(116,176,254)
```
#74a5fe
```
#74a5fe rgb(116,165,254)
```
#7499fe
```
#7499fe rgb(116,153,254)
```
#748efe
```
#748efe rgb(116,142,254)
```

Similar Colors

Text with hexadecimal color #74b0fe

This text has a font color of #74b0fe.

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

#74b0fe background color

This paragraph has a background color of #74b0fe.

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

#74b0fe border color

This element has a border color of #74b0fe.

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

CSS codes

.text {color:#74b0fe;}

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

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

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

#000711
```
#000711 rgb(0,7,17)
```
#001024
```
#001024 rgb(0,16,36)
```
#001838
```
#001838 rgb(0,24,56)
```
#01214b
```
#01214b rgb(1,33,75)
```
#012a5f
```
#012a5f rgb(1,42,95)
```
#013272
```
#013272 rgb(1,50,114)
```
#013b86
```
#013b86 rgb(1,59,134)
```
#014399
```
#014399 rgb(1,67,153)
```
#014cad
```
#014cad rgb(1,76,173)
```
#0154c0
```
#0154c0 rgb(1,84,192)
```
#025dd4
```
#025dd4 rgb(2,93,212)
```
#0265e7
```
#0265e7 rgb(2,101,231)
```
#026efb
```
#026efb rgb(2,110,251)
```

Shade Color Variation

#1379fd
```
#1379fd rgb(19,121,253)
```
#2684fd
```
#2684fd rgb(38,132,253)
```
#3a8ffe
```
#3a8ffe rgb(58,143,254)
```
#4d9afe
```
#4d9afe rgb(77,154,254)
```
#61a5fe
```
#61a5fe rgb(97,165,254)
```
#74b0fe
```
#74b0fe rgb(116,176,254)
```
#87bbfe
```
#87bbfe rgb(135,187,254)
```
#9bc6fe
```
#9bc6fe rgb(155,198,254)
```
#aed1fe
```
#aed1fe rgb(174,209,254)
```
#c2dcff
```
#c2dcff rgb(194,220,255)
```
#d5e7ff
```
#d5e7ff rgb(213,231,255)
```
#e9f2ff
```
#e9f2ff rgb(233,242,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#b5b8bd
```
#b5b8bd rgb(181,184,189)
```
#afb8c3
```
#afb8c3 rgb(175,184,195)
```
#aab7c8
```
#aab7c8 rgb(170,183,200)
```
#a4b6ce
```
#a4b6ce rgb(164,182,206)
```
#9fb6d3
```
#9fb6d3 rgb(159,182,211)
```
#9ab5d8
```
#9ab5d8 rgb(154,181,216)
```
#94b4de
```
#94b4de rgb(148,180,222)
```
#8fb4e3
```
#8fb4e3 rgb(143,180,227)
```
#8ab3e8
```
#8ab3e8 rgb(138,179,232)
```
#84b2ee
```
#84b2ee rgb(132,178,238)
```
#7fb1f3
```
#7fb1f3 rgb(127,177,243)
```
#79b1f9
```
#79b1f9 rgb(121,177,249)
```
#74b0fe
```
#74b0fe rgb(116,176,254)
```

Tone Color Variation

Below, you can see how #74b0fe 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
#9da9b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96affa Protanopia 1% of men
#8bb0ff Deuteranopia 1% of men
#63becc Tritanopia 0.001% of the population

Trichromacy

#8aaffb Protanomaly 1% of men, 0.01% of women
#83b0fe Deuteranomaly 6% of men, 0.4% of women
#69b9de Tritanomaly 0.01% of the population

#74b0fe hex color

#74b0fe Color Information

#74b0fe Color Conversion

Color Schemes with #74b0fe

Alternatives to #74b0fe

#74b0fe Preview

Shades and Tints of #74b0fe

Tones of #74b0fe

Color Blindness Simulator