#4aaee2 hex color

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

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

● #4aaee2 color description : Soft blue.

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

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

CIE-LAB	67.439, -12.964, -34.68
XYZ	31.684, 37.216, 77.461
xyY	0.216, 0.254, 37.216
CIE-LCH	67.439, 37.024, 249.503
CIE-LUV	67.439, -38.328, -53.49
Hunter-Lab	61.005, -14.052, -32.579
Binary	01001010, 10101110, 11100010

#4aaee2
```
#4aaee2 rgb(74,174,226)
```
#e27e4a
```
#e27e4a rgb(226,126,74)
```

Complementary Color

#4ae2ca
```
#4ae2ca rgb(74,226,202)
```
#4aaee2
```
#4aaee2 rgb(74,174,226)
```
#4a62e2
```
#4a62e2 rgb(74,98,226)
```

Analogous Color

#e2ca4a
```
#e2ca4a rgb(226,202,74)
```
#4aaee2
```
#4aaee2 rgb(74,174,226)
```
#e24a62
```
#e24a62 rgb(226,74,98)
```

Split Complementary Color

#aee24a
```
#aee24a rgb(174,226,74)
```
#4aaee2
```
#4aaee2 rgb(74,174,226)
```
#e24aae
```
#e24aae rgb(226,74,174)
```

Triadic Color

#4ae27e
```
#4ae27e rgb(74,226,126)
```
#4aaee2
```
#4aaee2 rgb(74,174,226)
```
#e24aae
```
#e24aae rgb(226,74,174)
```
#e27e4a
```
#e27e4a rgb(226,126,74)
```

Tetradic Color

#1f89c1
```
#1f89c1 rgb(31,137,193)
```
#2299d7
```
#2299d7 rgb(34,153,215)
```
#34a4de
```
#34a4de rgb(52,164,222)
```
#4aaee2
```
#4aaee2 rgb(74,174,226)
```
#60b8e6
```
#60b8e6 rgb(96,184,230)
```
#76c2e9
```
#76c2e9 rgb(118,194,233)
```
#8ccced
```
#8ccced rgb(140,204,237)
```

Monochromatic Color

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

#4ad4e2
```
#4ad4e2 rgb(74,212,226)
```
#4ac7e2
```
#4ac7e2 rgb(74,199,226)
```
#4abbe2
```
#4abbe2 rgb(74,187,226)
```
#4aaee2
```
#4aaee2 rgb(74,174,226)
```
#4aa1e2
```
#4aa1e2 rgb(74,161,226)
```
#4a95e2
```
#4a95e2 rgb(74,149,226)
```
#4a88e2
```
#4a88e2 rgb(74,136,226)
```

Similar Colors

Text with hexadecimal color #4aaee2

This text has a font color of #4aaee2.

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

#4aaee2 background color

This paragraph has a background color of #4aaee2.

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

#4aaee2 border color

This element has a border color of #4aaee2.

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

CSS codes

.text {color:#4aaee2;}

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

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

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)
```
#14587b
```
#14587b rgb(20,88,123)
```
#16648c
```
#16648c rgb(22,100,140)
```
#19709d
```
#19709d rgb(25,112,157)
```
#1c7cae
```
#1c7cae rgb(28,124,174)
```
#1f88bf
```
#1f88bf rgb(31,136,191)
```
#2194d0
```
#2194d0 rgb(33,148,208)
```

Shade Color Variation

#289fdd
```
#289fdd rgb(40,159,221)
```
#39a6df
```
#39a6df rgb(57,166,223)
```
#4aaee2
```
#4aaee2 rgb(74,174,226)
```
#5bb6e5
```
#5bb6e5 rgb(91,182,229)
```
#6cbde7
```
#6cbde7 rgb(108,189,231)
```
#7dc5ea
```
#7dc5ea rgb(125,197,234)
```
#8ecced
```
#8ecced rgb(142,204,237)
```
#9fd4f0
```
#9fd4f0 rgb(159,212,240)
```
#afdbf2
```
#afdbf2 rgb(175,219,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 #32b6fa 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)
```
#72a1ba
```
#72a1ba rgb(114,161,186)
```
#6aa4c2
```
#6aa4c2 rgb(106,164,194)
```
#62a6ca
```
#62a6ca rgb(98,166,202)
```
#5aa9d2
```
#5aa9d2 rgb(90,169,210)
```
#52abda
```
#52abda rgb(82,171,218)
```
#4aaee2
```
#4aaee2 rgb(74,174,226)
```
#42b1ea
```
#42b1ea rgb(66,177,234)
```
#3ab3f2
```
#3ab3f2 rgb(58,179,242)
```
#32b6fa
```
#32b6fa rgb(50,182,250)
```

Tone Color Variation

Below, you can see how #4aaee2 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
#879ba5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a7db Protanopia 1% of men
#90a7e7 Deuteranopia 1% of men
#3bb7c5 Tritanopia 0.001% of the population

Trichromacy

#7ca9de Protanomaly 1% of men, 0.01% of women
#76a9e5 Deuteranomaly 6% of men, 0.4% of women
#40b4cf Tritanomaly 0.01% of the population

#4aaee2 hex color

#4aaee2 Color Information

#4aaee2 Color Conversion

Color Schemes with #4aaee2

Alternatives to #4aaee2

#4aaee2 Preview

Shades and Tints of #4aaee2

Tones of #4aaee2

Color Blindness Simulator