#74b0ff hex color

In a RGB color space, hex #74b0ff is composed of 45.5% red, 69% green and 100% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 31% magenta, 0% yellow and 0% black. It has a hue angle of 214.1 degrees, a saturation of 100% and a lightness of 72.7%. #74b0ff color hex could be obtained by blending #e8ffff with #0061ff. Closest websafe color is: #6699ff.

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

● #74b0ff color description : Very light blue.

The hexadecimal color #74b0ff has RGB values of R:116, G:176, B:255 and CMYK values of C:0.55, M:0.31, Y:0, K:0. Its decimal value is 7647487.

Hex triplet	74b0ff	`#74b0ff`
RGB Decimal	116, 176, 255	`rgb(116,176,255)`
RGB Percent	45.5, 69, 100	`rgb(45.5%,69%,100%)`
CMYK	55, 31, 0, 0
HSL	214.1°, 100, 72.7	`hsl(214.1,100%,72.7%)`
HSV (or HSB)	214.1°, 54.5, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.858, 2.707, -45.011
XYZ	40.774, 41.981, 100.557
xyY	0.222, 0.229, 41.981
CIE-LCH	70.858, 45.092, 273.441
CIE-LUV	70.858, -27.704, -73.403
Hunter-Lab	64.793, -1.059, -46.661
Binary	01110100, 10110000, 11111111

#74b0ff
```
#74b0ff rgb(116,176,255)
```
#ffc374
```
#ffc374 rgb(255,195,116)
```

Complementary Color

#74f6ff
```
#74f6ff rgb(116,246,255)
```
#74b0ff
```
#74b0ff rgb(116,176,255)
```
#7e74ff
```
#7e74ff rgb(126,116,255)
```

Analogous Color

#f6ff74
```
#f6ff74 rgb(246,255,116)
```
#74b0ff
```
#74b0ff rgb(116,176,255)
```
#ff7e74
```
#ff7e74 rgb(255,126,116)
```

Split Complementary Color

#b0ff74
```
#b0ff74 rgb(176,255,116)
```
#74b0ff
```
#74b0ff rgb(116,176,255)
```
#ff74b0
```
#ff74b0 rgb(255,116,176)
```

Triadic Color

#74ffc3
```
#74ffc3 rgb(116,255,195)
```
#74b0ff
```
#74b0ff rgb(116,176,255)
```
#ff74b0
```
#ff74b0 rgb(255,116,176)
```
#ffc374
```
#ffc374 rgb(255,195,116)
```

Tetradic Color

#2885ff
```
#2885ff rgb(40,133,255)
```
#4193ff
```
#4193ff rgb(65,147,255)
```
#5ba2ff
```
#5ba2ff rgb(91,162,255)
```
#74b0ff
```
#74b0ff rgb(116,176,255)
```
#8ebeff
```
#8ebeff rgb(142,190,255)
```
#a7cdff
```
#a7cdff rgb(167,205,255)
```
#c1dbff
```
#c1dbff rgb(193,219,255)
```

Monochromatic Color

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

#74d3ff
```
#74d3ff rgb(116,211,255)
```
#74c7ff
```
#74c7ff rgb(116,199,255)
```
#74bcff
```
#74bcff rgb(116,188,255)
```
#74b0ff
```
#74b0ff rgb(116,176,255)
```
#74a4ff
```
#74a4ff rgb(116,164,255)
```
#7499ff
```
#7499ff rgb(116,153,255)
```
#748dff
```
#748dff rgb(116,141,255)
```

Similar Colors

Text with hexadecimal color #74b0ff

This text has a font color of #74b0ff.

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

#74b0ff background color

This paragraph has a background color of #74b0ff.

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

#74b0ff border color

This element has a border color of #74b0ff.

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

CSS codes

.text {color:#74b0ff;}

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

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

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

#000812
```
#000812 rgb(0,8,18)
```
#001026
```
#001026 rgb(0,16,38)
```
#001939
```
#001939 rgb(0,25,57)
```
#00214d
```
#00214d rgb(0,33,77)
```
#002a60
```
#002a60 rgb(0,42,96)
```
#003274
```
#003274 rgb(0,50,116)
```
#003b88
```
#003b88 rgb(0,59,136)
```
#00439b
```
#00439b rgb(0,67,155)
```
#004baf
```
#004baf rgb(0,75,175)
```
#0054c2
```
#0054c2 rgb(0,84,194)
```
#005cd6
```
#005cd6 rgb(0,92,214)
```
#0065ea
```
#0065ea rgb(0,101,234)
```
#006dfd
```
#006dfd rgb(0,109,253)
```

Shade Color Variation

#1278ff
```
#1278ff rgb(18,120,255)
```
#2683ff
```
#2683ff rgb(38,131,255)
```
#398fff
```
#398fff rgb(57,143,255)
```
#4d9aff
```
#4d9aff rgb(77,154,255)
```
#60a5ff
```
#60a5ff rgb(96,165,255)
```
#74b0ff
```
#74b0ff rgb(116,176,255)
```
#88bbff
```
#88bbff rgb(136,187,255)
```
#9bc6ff
```
#9bc6ff rgb(155,198,255)
```
#afd1ff
```
#afd1ff rgb(175,209,255)
```
#c2ddff
```
#c2ddff rgb(194,221,255)
```
#d6e8ff
```
#d6e8ff rgb(214,232,255)
```
#eaf3ff
```
#eaf3ff rgb(234,243,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#b4b9bf
```
#b4b9bf rgb(180,185,191)
```
#afb8c4
```
#afb8c4 rgb(175,184,196)
```
#a9b7ca
```
#a9b7ca rgb(169,183,202)
```
#a4b7cf
```
#a4b7cf rgb(164,183,207)
```
#9fb6d4
```
#9fb6d4 rgb(159,182,212)
```
#99b5da
```
#99b5da rgb(153,181,218)
```
#94b4df
```
#94b4df rgb(148,180,223)
```
#8fb4e4
```
#8fb4e4 rgb(143,180,228)
```
#89b3ea
```
#89b3ea rgb(137,179,234)
```
#84b2ef
```
#84b2ef rgb(132,178,239)
```
#7fb1f4
```
#7fb1f4 rgb(127,177,244)
```
#79b1fa
```
#79b1fa rgb(121,177,250)
```
#74b0ff
```
#74b0ff rgb(116,176,255)
```

Tone Color Variation

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

Dichromacy

#96affb Protanopia 1% of men
#8bb0ff Deuteranopia 1% of men
#62becc Tritanopia 0.001% of the population

Trichromacy

#89affc Protanomaly 1% of men, 0.01% of women
#83b0ff Deuteranomaly 6% of men, 0.4% of women
#68b9de Tritanomaly 0.01% of the population

#74b0ff hex color

#74b0ff Color Information

#74b0ff Color Conversion

Color Schemes with #74b0ff

Alternatives to #74b0ff

#74b0ff Preview

Shades and Tints of #74b0ff

Tones of #74b0ff

Color Blindness Simulator