#4aafff hex color

In a RGB color space, hex #4aafff is composed of 29% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 206.5 degrees, a saturation of 100% and a lightness of 64.5%. #4aafff color hex could be obtained by blending #94ffff with #005fff. Closest websafe color is: #3399ff.

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

● #4aafff color description : Light blue.

The hexadecimal color #4aafff has RGB values of R:74, G:175, B:255 and CMYK values of C:0.71, M:0.31, Y:0, K:0. Its decimal value is 4894719.

Hex triplet	4aafff	`#4aafff`
RGB Decimal	74, 175, 255	`rgb(74,175,255)`
RGB Percent	29, 68.6, 100	`rgb(29%,68.6%,100%)`
CMYK	71, 31, 0, 0
HSL	206.5°, 100, 64.5	`hsl(206.5,100%,64.5%)`
HSV (or HSB)	206.5°, 71, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.992, -3.913, -48.054
XYZ	36.2, 39.333, 100.286
xyY	0.206, 0.224, 39.333
CIE-LCH	68.992, 48.213, 265.345
CIE-LUV	68.992, -37.353, -77.568
Hunter-Lab	62.716, -6.723, -50.907
Binary	01001010, 10101111, 11111111

#4aafff
```
#4aafff rgb(74,175,255)
```
#ff9a4a
```
#ff9a4a rgb(255,154,74)
```

Complementary Color

#4afff5
```
#4afff5 rgb(74,255,245)
```
#4aafff
```
#4aafff rgb(74,175,255)
```
#4a54ff
```
#4a54ff rgb(74,84,255)
```

Analogous Color

#fff54a
```
#fff54a rgb(255,245,74)
```
#4aafff
```
#4aafff rgb(74,175,255)
```
#ff4a55
```
#ff4a55 rgb(255,74,85)
```

Split Complementary Color

#afff4a
```
#afff4a rgb(175,255,74)
```
#4aafff
```
#4aafff rgb(74,175,255)
```
#ff4aaf
```
#ff4aaf rgb(255,74,175)
```

Triadic Color

#4aff9a
```
#4aff9a rgb(74,255,154)
```
#4aafff
```
#4aafff rgb(74,175,255)
```
#ff4aaf
```
#ff4aaf rgb(255,74,175)
```
#ff9a4a
```
#ff9a4a rgb(255,154,74)
```

Tetradic Color

#008dfd
```
#008dfd rgb(0,141,253)
```
#1798ff
```
#1798ff rgb(23,152,255)
```
#31a4ff
```
#31a4ff rgb(49,164,255)
```
#4aafff
```
#4aafff rgb(74,175,255)
```
#64baff
```
#64baff rgb(100,186,255)
```
#7dc6ff
```
#7dc6ff rgb(125,198,255)
```
#97d1ff
```
#97d1ff rgb(151,209,255)
```

Monochromatic Color

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

#4adcff
```
#4adcff rgb(74,220,255)
```
#4acdff
```
#4acdff rgb(74,205,255)
```
#4abeff
```
#4abeff rgb(74,190,255)
```
#4aafff
```
#4aafff rgb(74,175,255)
```
#4aa0ff
```
#4aa0ff rgb(74,160,255)
```
#4a91ff
```
#4a91ff rgb(74,145,255)
```
#4a82ff
```
#4a82ff rgb(74,130,255)
```

Similar Colors

Text with hexadecimal color #4aafff

This text has a font color of #4aafff.

<span style="color:#4aafff;">Text here</span>

#4aafff background color

This paragraph has a background color of #4aafff.

<p style="background-color:#4aafff;">Content here</p>

#4aafff border color

This element has a border color of #4aafff.

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

CSS codes

.text {color:#4aafff;}

.background {background-color:#4aafff;}

.border {border:1px solid #4aafff;}

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, #00080f is the darkest color, while #fbfdff is the lightest one.

#00080f
```
#00080f rgb(0,8,15)
```
#001323
```
#001323 rgb(0,19,35)
```
#001e36
```
#001e36 rgb(0,30,54)
```
#00294a
```
#00294a rgb(0,41,74)
```
#00345e
```
#00345e rgb(0,52,94)
```
#003f71
```
#003f71 rgb(0,63,113)
```
#004a85
```
#004a85 rgb(0,74,133)
```
#005598
```
#005598 rgb(0,85,152)
```
#0060ac
```
#0060ac rgb(0,96,172)
```
#006bc0
```
#006bc0 rgb(0,107,192)
```
#0076d3
```
#0076d3 rgb(0,118,211)
```
#0081e7
```
#0081e7 rgb(0,129,231)
```
#008cfb
```
#008cfb rgb(0,140,251)
```

Shade Color Variation

#0f95ff
```
#0f95ff rgb(15,149,255)
```
#239eff
```
#239eff rgb(35,158,255)
```
#36a6ff
```
#36a6ff rgb(54,166,255)
```
#4aafff
```
#4aafff rgb(74,175,255)
```
#5eb8ff
```
#5eb8ff rgb(94,184,255)
```
#71c0ff
```
#71c0ff rgb(113,192,255)
```
#85c9ff
```
#85c9ff rgb(133,201,255)
```
#98d2ff
```
#98d2ff rgb(152,210,255)
```
#acdaff
```
#acdaff rgb(172,218,255)
```
#c0e3ff
```
#c0e3ff rgb(192,227,255)
```
#d3ecff
```
#d3ecff rgb(211,236,255)
```
#e7f4ff
```
#e7f4ff rgb(231,244,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea5ab is the less saturated color, while #4aafff is the most saturated one.

#9ea5ab
```
#9ea5ab rgb(158,165,171)
```
#97a6b2
```
#97a6b2 rgb(151,166,178)
```
#90a7b9
```
#90a7b9 rgb(144,167,185)
```
#89a8c0
```
#89a8c0 rgb(137,168,192)
```
#82a9c7
```
#82a9c7 rgb(130,169,199)
```
#7ba9ce
```
#7ba9ce rgb(123,169,206)
```
#74aad5
```
#74aad5 rgb(116,170,213)
```
#6dabdc
```
#6dabdc rgb(109,171,220)
```
#66ace3
```
#66ace3 rgb(102,172,227)
```
#5fadea
```
#5fadea rgb(95,173,234)
```
#58adf1
```
#58adf1 rgb(88,173,241)
```
#51aef8
```
#51aef8 rgb(81,174,248)
```
#4aafff
```
#4aafff rgb(74,175,255)
```

Tone Color Variation

Below, you can see how #4aafff 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

#9a9a9a Achromatopsia 0.005% of the population
#8a9eae Atypical Achromatopsia 0.001% of the population

Dichromacy

#90aaf8 Protanopia 1% of men
#7facff Deuteranopia 1% of men
#00bdcb Tritanopia 0.001% of the population

Trichromacy

#76acfa Protanomaly 1% of men, 0.01% of women
#6badff Deuteranomaly 6% of men, 0.4% of women
#1ab8de Tritanomaly 0.01% of the population

#4aafff hex color

#4aafff Color Information

#4aafff Color Conversion

Color Schemes with #4aafff

Alternatives to #4aafff

#4aafff Preview

Shades and Tints of #4aafff

Tones of #4aafff

Color Blindness Simulator