#4aabf2 hex color

In a RGB color space, hex #4aabf2 is composed of 29% red, 67.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 29.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 205.4 degrees, a saturation of 86.6% and a lightness of 62%. #4aabf2 color hex could be obtained by blending #94ffff with #0057e5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 29
- G 67
- B 95
RGB color chart
- C 69
- M 29
- Y 0
- K 5
CMYK color chart

● #4aabf2 color description : Soft blue.

The hexadecimal color #4aabf2 has RGB values of R:74, G:171, B:242 and CMYK values of C:0.69, M:0.29, Y:0, K:0.05. Its decimal value is 4893682.

Hex triplet	4aabf2	`#4aabf2`
RGB Decimal	74, 171, 242	`rgb(74,171,242)`
RGB Percent	29, 67.1, 94.9	`rgb(29%,67.1%,94.9%)`
CMYK	69, 29, 0, 5
HSL	205.4°, 86.6, 62	`hsl(205.4,86.6%,62%)`
HSV (or HSB)	205.4°, 69.4, 94.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.269, -6.049, -43.696
XYZ	33.41, 36.99, 89.379
xyY	0.209, 0.232, 36.99
CIE-LCH	67.269, 44.113, 262.119
CIE-LUV	67.269, -36.545, -69.613
Hunter-Lab	60.819, -8.378, -44.558
Binary	01001010, 10101011, 11110010

#4aabf2
```
#4aabf2 rgb(74,171,242)
```
#f2914a
```
#f2914a rgb(242,145,74)
```

Complementary Color

#4af2e5
```
#4af2e5 rgb(74,242,229)
```
#4aabf2
```
#4aabf2 rgb(74,171,242)
```
#4a57f2
```
#4a57f2 rgb(74,87,242)
```

Analogous Color

#f2e54a
```
#f2e54a rgb(242,229,74)
```
#4aabf2
```
#4aabf2 rgb(74,171,242)
```
#f24a57
```
#f24a57 rgb(242,74,87)
```

Split Complementary Color

#abf24a
```
#abf24a rgb(171,242,74)
```
#4aabf2
```
#4aabf2 rgb(74,171,242)
```
#f24aab
```
#f24aab rgb(242,74,171)
```

Triadic Color

#4af291
```
#4af291 rgb(74,242,145)
```
#4aabf2
```
#4aabf2 rgb(74,171,242)
```
#f24aab
```
#f24aab rgb(242,74,171)
```
#f2914a
```
#f2914a rgb(242,145,74)
```

Tetradic Color

#1088df
```
#1088df rgb(16,136,223)
```
#1a95ef
```
#1a95ef rgb(26,149,239)
```
#32a0f0
```
#32a0f0 rgb(50,160,240)
```
#4aabf2
```
#4aabf2 rgb(74,171,242)
```
#62b6f4
```
#62b6f4 rgb(98,182,244)
```
#7ac1f5
```
#7ac1f5 rgb(122,193,245)
```
#91ccf7
```
#91ccf7 rgb(145,204,247)
```

Monochromatic Color

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

#4ad5f2
```
#4ad5f2 rgb(74,213,242)
```
#4ac7f2
```
#4ac7f2 rgb(74,199,242)
```
#4ab9f2
```
#4ab9f2 rgb(74,185,242)
```
#4aabf2
```
#4aabf2 rgb(74,171,242)
```
#4a9df2
```
#4a9df2 rgb(74,157,242)
```
#4a8ff2
```
#4a8ff2 rgb(74,143,242)
```
#4a81f2
```
#4a81f2 rgb(74,129,242)
```

Similar Colors

Text with hexadecimal color #4aabf2

This text has a font color of #4aabf2.

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

#4aabf2 background color

This paragraph has a background color of #4aabf2.

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

#4aabf2 border color

This element has a border color of #4aabf2.

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

CSS codes

.text {color:#4aabf2;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010c14
```
#010c14 rgb(1,12,20)
```
#031727
```
#031727 rgb(3,23,39)
```
#042339
```
#042339 rgb(4,35,57)
```
#052e4b
```
#052e4b rgb(5,46,75)
```
#07395e
```
#07395e rgb(7,57,94)
```
#084470
```
#084470 rgb(8,68,112)
```
#094f82
```
#094f82 rgb(9,79,130)
```
#0b5a94
```
#0b5a94 rgb(11,90,148)
```
#0c65a7
```
#0c65a7 rgb(12,101,167)
```
#0d70b9
```
#0d70b9 rgb(13,112,185)
```
#0f7ccb
```
#0f7ccb rgb(15,124,203)
```
#1087de
```
#1087de rgb(16,135,222)
```

Shade Color Variation

#1392ee
```
#1392ee rgb(19,146,238)
```
#259aef
```
#259aef rgb(37,154,239)
```
#38a3f1
```
#38a3f1 rgb(56,163,241)
```
#4aabf2
```
#4aabf2 rgb(74,171,242)
```
#5cb3f3
```
#5cb3f3 rgb(92,179,243)
```
#6fbcf5
```
#6fbcf5 rgb(111,188,245)
```
#81c4f6
```
#81c4f6 rgb(129,196,246)
```
#93cdf7
```
#93cdf7 rgb(147,205,247)
```
#a6d5f9
```
#a6d5f9 rgb(166,213,249)
```
#b8defa
```
#b8defa rgb(184,222,250)
```
#cae6fb
```
#cae6fb rgb(202,230,251)
```
#dceffd
```
#dceffd rgb(220,239,253)
```
#eff7fe
```
#eff7fe rgb(239,247,254)
```

Tint Color Variation

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

#9c9ea0
```
#9c9ea0 rgb(156,158,160)
```
#959fa7
```
#959fa7 rgb(149,159,167)
```
#8da1af
```
#8da1af rgb(141,161,175)
```
#86a2b6
```
#86a2b6 rgb(134,162,182)
```
#7ea3be
```
#7ea3be rgb(126,163,190)
```
#77a4c5
```
#77a4c5 rgb(119,164,197)
```
#6fa5cd
```
#6fa5cd rgb(111,165,205)
```
#68a6d4
```
#68a6d4 rgb(104,166,212)
```
#60a8dc
```
#60a8dc rgb(96,168,220)
```
#59a9e3
```
#59a9e3 rgb(89,169,227)
```
#51aaeb
```
#51aaeb rgb(81,170,235)
```
#4aabf2
```
#4aabf2 rgb(74,171,242)
```
#43acf9
```
#43acf9 rgb(67,172,249)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#879aa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a6eb Protanopia 1% of men
#80a8f5 Deuteranopia 1% of men
#22b8c6 Tritanopia 0.001% of the population

Trichromacy

#76a7ee Protanomaly 1% of men, 0.01% of women
#6ca9f4 Deuteranomaly 6% of men, 0.4% of women
#30b3d6 Tritanomaly 0.01% of the population

#4aabf2 hex color

#4aabf2 Color Information

#4aabf2 Color Conversion

Color Schemes with #4aabf2

Alternatives to #4aabf2

#4aabf2 Preview

Shades and Tints of #4aabf2

Tones of #4aabf2

Color Blindness Simulator