#4aafe2 hex color

In a RGB color space, hex #4aafe2 is composed of 29% red, 68.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 22.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 200.1 degrees, a saturation of 72.4% and a lightness of 58.8%. #4aafe2 color hex could be obtained by blending #94ffff with #005fc5. Closest websafe color is: #3399cc.

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

● #4aafe2 color description : Soft blue.

The hexadecimal color #4aafe2 has RGB values of R:74, G:175, B:226 and CMYK values of C:0.67, M:0.23, Y:0, K:0.11. Its decimal value is 4894690.

Hex triplet	4aafe2	`#4aafe2`
RGB Decimal	74, 175, 226	`rgb(74,175,226)`
RGB Percent	29, 68.6, 88.6	`rgb(29%,68.6%,88.6%)`
CMYK	67, 23, 0, 11
HSL	200.1°, 72.4, 58.8	`hsl(200.1,72.4%,58.8%)`
HSV (or HSB)	200.1°, 67.3, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.728, -13.503, -34.232
XYZ	31.878, 37.604, 77.526
xyY	0.217, 0.256, 37.604
CIE-LCH	67.728, 36.799, 248.472
CIE-LUV	67.728, -38.684, -52.696
Hunter-Lab	61.322, -14.522, -32.031
Binary	01001010, 10101111, 11100010

#4aafe2
```
#4aafe2 rgb(74,175,226)
```
#e27d4a
```
#e27d4a rgb(226,125,74)
```

Complementary Color

#4ae2c9
```
#4ae2c9 rgb(74,226,201)
```
#4aafe2
```
#4aafe2 rgb(74,175,226)
```
#4a63e2
```
#4a63e2 rgb(74,99,226)
```

Analogous Color

#e2c94a
```
#e2c94a rgb(226,201,74)
```
#4aafe2
```
#4aafe2 rgb(74,175,226)
```
#e24a63
```
#e24a63 rgb(226,74,99)
```

Split Complementary Color

#afe24a
```
#afe24a rgb(175,226,74)
```
#4aafe2
```
#4aafe2 rgb(74,175,226)
```
#e24aaf
```
#e24aaf rgb(226,74,175)
```

Triadic Color

#4ae27d
```
#4ae27d rgb(74,226,125)
```
#4aafe2
```
#4aafe2 rgb(74,175,226)
```
#e24aaf
```
#e24aaf rgb(226,74,175)
```
#e27d4a
```
#e27d4a rgb(226,125,74)
```

Tetradic Color

#1f8ac1
```
#1f8ac1 rgb(31,138,193)
```
#229ad7
```
#229ad7 rgb(34,154,215)
```
#34a5de
```
#34a5de rgb(52,165,222)
```
#4aafe2
```
#4aafe2 rgb(74,175,226)
```
#60b9e6
```
#60b9e6 rgb(96,185,230)
```
#76c2e9
```
#76c2e9 rgb(118,194,233)
```
#8ccced
```
#8ccced rgb(140,204,237)
```

Monochromatic Color

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

#4ad5e2
```
#4ad5e2 rgb(74,213,226)
```
#4ac8e2
```
#4ac8e2 rgb(74,200,226)
```
#4abce2
```
#4abce2 rgb(74,188,226)
```
#4aafe2
```
#4aafe2 rgb(74,175,226)
```
#4aa2e2
```
#4aa2e2 rgb(74,162,226)
```
#4a96e2
```
#4a96e2 rgb(74,150,226)
```
#4a89e2
```
#4a89e2 rgb(74,137,226)
```

Similar Colors

Text with hexadecimal color #4aafe2

This text has a font color of #4aafe2.

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

#4aafe2 background color

This paragraph has a background color of #4aafe2.

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

#4aafe2 border color

This element has a border color of #4aafe2.

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

CSS codes

.text {color:#4aafe2;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#041016
```
#041016 rgb(4,16,22)
```
#061c27
```
#061c27 rgb(6,28,39)
```
#092838
```
#092838 rgb(9,40,56)
```
#0c3449
```
#0c3449 rgb(12,52,73)
```
#0e405a
```
#0e405a rgb(14,64,90)
```
#114c6a
```
#114c6a rgb(17,76,106)
```
#14597b
```
#14597b rgb(20,89,123)
```
#16658c
```
#16658c rgb(22,101,140)
```
#19719d
```
#19719d rgb(25,113,157)
```
#1c7dae
```
#1c7dae rgb(28,125,174)
```
#1f89bf
```
#1f89bf rgb(31,137,191)
```
#2195d0
```
#2195d0 rgb(33,149,208)
```

Shade Color Variation

#28a0dd
```
#28a0dd rgb(40,160,221)
```
#39a8df
```
#39a8df rgb(57,168,223)
```
#4aafe2
```
#4aafe2 rgb(74,175,226)
```
#5bb6e5
```
#5bb6e5 rgb(91,182,229)
```
#6cbee7
```
#6cbee7 rgb(108,190,231)
```
#7dc5ea
```
#7dc5ea rgb(125,197,234)
```
#8ecded
```
#8ecded rgb(142,205,237)
```
#9fd4f0
```
#9fd4f0 rgb(159,212,240)
```
#afdcf2
```
#afdcf2 rgb(175,220,242)
```
#c0e3f5
```
#c0e3f5 rgb(192,227,245)
```
#d1ebf8
```
#d1ebf8 rgb(209,235,248)
```
#e2f2fa
```
#e2f2fa rgb(226,242,250)
```
#f3fafd
```
#f3fafd rgb(243,250,253)
```

Tint Color Variation

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

#939799
```
#939799 rgb(147,151,153)
```
#8b9aa1
```
#8b9aa1 rgb(139,154,161)
```
#839ca9
```
#839ca9 rgb(131,156,169)
```
#7a9fb2
```
#7a9fb2 rgb(122,159,178)
```
#72a2ba
```
#72a2ba rgb(114,162,186)
```
#6aa4c2
```
#6aa4c2 rgb(106,164,194)
```
#62a7ca
```
#62a7ca rgb(98,167,202)
```
#5aaad2
```
#5aaad2 rgb(90,170,210)
```
#52acda
```
#52acda rgb(82,172,218)
```
#4aafe2
```
#4aafe2 rgb(74,175,226)
```
#42b2ea
```
#42b2ea rgb(66,178,234)
```
#3ab4f2
```
#3ab4f2 rgb(58,180,242)
```
#32b7fa
```
#32b7fa rgb(50,183,250)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#889ca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa7db Protanopia 1% of men
#91a8e7 Deuteranopia 1% of men
#3bb8c6 Tritanopia 0.001% of the population

Trichromacy

#7daade Protanomaly 1% of men, 0.01% of women
#77aae5 Deuteranomaly 6% of men, 0.4% of women
#41b5d0 Tritanomaly 0.01% of the population

#4aafe2 hex color

#4aafe2 Color Information

#4aafe2 Color Conversion

Color Schemes with #4aafe2

Alternatives to #4aafe2

#4aafe2 Preview

Shades and Tints of #4aafe2

Tones of #4aafe2

Color Blindness Simulator