#74afff hex color

In a RGB color space, hex #74afff is composed of 45.5% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 214.5 degrees, a saturation of 100% and a lightness of 72.7%. #74afff color hex could be obtained by blending #e8ffff with #005fff. 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

● #74afff color description : Very light blue.

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

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

CIE-LAB	70.588, 3.268, -45.435
XYZ	40.578, 41.591, 100.492
xyY	0.222, 0.228, 41.591
CIE-LCH	70.588, 45.552, 274.114
CIE-LUV	70.588, -27.344, -74.155
Hunter-Lab	64.491, -0.545, -47.244
Binary	01110100, 10101111, 11111111

#74afff
```
#74afff rgb(116,175,255)
```
#ffc474
```
#ffc474 rgb(255,196,116)
```

Complementary Color

#74f5ff
```
#74f5ff rgb(116,245,255)
```
#74afff
```
#74afff rgb(116,175,255)
```
#7f74ff
```
#7f74ff rgb(127,116,255)
```

Analogous Color

#f5ff74
```
#f5ff74 rgb(245,255,116)
```
#74afff
```
#74afff rgb(116,175,255)
```
#ff7f74
```
#ff7f74 rgb(255,127,116)
```

Split Complementary Color

#afff74
```
#afff74 rgb(175,255,116)
```
#74afff
```
#74afff rgb(116,175,255)
```
#ff74af
```
#ff74af rgb(255,116,175)
```

Triadic Color

#74ffc4
```
#74ffc4 rgb(116,255,196)
```
#74afff
```
#74afff rgb(116,175,255)
```
#ff74af
```
#ff74af rgb(255,116,175)
```
#ffc474
```
#ffc474 rgb(255,196,116)
```

Tetradic Color

#2883ff
```
#2883ff rgb(40,131,255)
```
#4192ff
```
#4192ff rgb(65,146,255)
```
#5ba0ff
```
#5ba0ff rgb(91,160,255)
```
#74afff
```
#74afff rgb(116,175,255)
```
#8ebeff
```
#8ebeff rgb(142,190,255)
```
#a7ccff
```
#a7ccff rgb(167,204,255)
```
#c1dbff
```
#c1dbff rgb(193,219,255)
```

Monochromatic Color

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

#74d2ff
```
#74d2ff rgb(116,210,255)
```
#74c6ff
```
#74c6ff rgb(116,198,255)
```
#74bbff
```
#74bbff rgb(116,187,255)
```
#74afff
```
#74afff rgb(116,175,255)
```
#74a3ff
```
#74a3ff rgb(116,163,255)
```
#7498ff
```
#7498ff rgb(116,152,255)
```
#748cff
```
#748cff rgb(116,140,255)
```

Similar Colors

Text with hexadecimal color #74afff

This text has a font color of #74afff.

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

#74afff background color

This paragraph has a background color of #74afff.

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

#74afff border color

This element has a border color of #74afff.

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

CSS codes

.text {color:#74afff;}

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

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

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)
```
#001839
```
#001839 rgb(0,24,57)
```
#00214d
```
#00214d rgb(0,33,77)
```
#002960
```
#002960 rgb(0,41,96)
```
#003174
```
#003174 rgb(0,49,116)
```
#003a88
```
#003a88 rgb(0,58,136)
```
#00429b
```
#00429b rgb(0,66,155)
```
#004aaf
```
#004aaf rgb(0,74,175)
```
#0053c2
```
#0053c2 rgb(0,83,194)
```
#005bd6
```
#005bd6 rgb(0,91,214)
```
#0063ea
```
#0063ea rgb(0,99,234)
```
#006cfd
```
#006cfd rgb(0,108,253)
```

Shade Color Variation

#1277ff
```
#1277ff rgb(18,119,255)
```
#2682ff
```
#2682ff rgb(38,130,255)
```
#398dff
```
#398dff rgb(57,141,255)
```
#4d98ff
```
#4d98ff rgb(77,152,255)
```
#60a4ff
```
#60a4ff rgb(96,164,255)
```
#74afff
```
#74afff rgb(116,175,255)
```
#88baff
```
#88baff rgb(136,186,255)
```
#9bc6ff
```
#9bc6ff rgb(155,198,255)
```
#afd1ff
```
#afd1ff rgb(175,209,255)
```
#c2dcff
```
#c2dcff rgb(194,220,255)
```
#d6e7ff
```
#d6e7ff rgb(214,231,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 #74afff is the most saturated one.

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

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9ca8b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95aefb Protanopia 1% of men
#8ab0ff Deuteranopia 1% of men
#62bdcb Tritanopia 0.001% of the population

Trichromacy

#89aefc Protanomaly 1% of men, 0.01% of women
#82afff Deuteranomaly 6% of men, 0.4% of women
#68b8de Tritanomaly 0.01% of the population

#74afff hex color

#74afff Color Information

#74afff Color Conversion

Color Schemes with #74afff

Alternatives to #74afff

#74afff Preview

Shades and Tints of #74afff

Tones of #74afff

Color Blindness Simulator