#4aaad4 hex color

In a RGB color space, hex #4aaad4 is composed of 29% red, 66.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 19.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 198.3 degrees, a saturation of 61.6% and a lightness of 56.1%. #4aaad4 color hex could be obtained by blending #94ffff with #0055a9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 67
- B 83
RGB color chart
- C 65
- M 20
- Y 0
- K 17
CMYK color chart

● #4aaad4 color description : Moderate blue.

The hexadecimal color #4aaad4 has RGB values of R:74, G:170, B:212 and CMYK values of C:0.65, M:0.2, Y:0, K:0.17. Its decimal value is 4893396.

Hex triplet	4aaad4	`#4aaad4`
RGB Decimal	74, 170, 212	`rgb(74,170,212)`
RGB Percent	29, 66.7, 83.1	`rgb(29%,66.7%,83.1%)`
CMYK	65, 20, 0, 17
HSL	198.3°, 61.6, 56.1	`hsl(198.3,61.6%,56.1%)`
HSV (or HSB)	198.3°, 65.1, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.715, -15.305, -29.645
XYZ	29.079, 34.957, 67.499
xyY	0.221, 0.266, 34.957
CIE-LCH	65.715, 33.363, 242.694
CIE-LUV	65.715, -37.559, -44.547
Hunter-Lab	59.124, -15.674, -26.301
Binary	01001010, 10101010, 11010100

#4aaad4
```
#4aaad4 rgb(74,170,212)
```
#d4744a
```
#d4744a rgb(212,116,74)
```

Complementary Color

#4ad4b9
```
#4ad4b9 rgb(74,212,185)
```
#4aaad4
```
#4aaad4 rgb(74,170,212)
```
#4a65d4
```
#4a65d4 rgb(74,101,212)
```

Analogous Color

#d4b94a
```
#d4b94a rgb(212,185,74)
```
#4aaad4
```
#4aaad4 rgb(74,170,212)
```
#d44a65
```
#d44a65 rgb(212,74,101)
```

Split Complementary Color

#aad44a
```
#aad44a rgb(170,212,74)
```
#4aaad4
```
#4aaad4 rgb(74,170,212)
```
#d44aaa
```
#d44aaa rgb(212,74,170)
```

Triadic Color

#4ad474
```
#4ad474 rgb(74,212,116)
```
#4aaad4
```
#4aaad4 rgb(74,170,212)
```
#d44aaa
```
#d44aaa rgb(212,74,170)
```
#d4744a
```
#d4744a rgb(212,116,74)
```

Tetradic Color

#2882a9
```
#2882a9 rgb(40,130,169)
```
#2d92be
```
#2d92be rgb(45,146,190)
```
#35a0cf
```
#35a0cf rgb(53,160,207)
```
#4aaad4
```
#4aaad4 rgb(74,170,212)
```
#5fb4d9
```
#5fb4d9 rgb(95,180,217)
```
#73bdde
```
#73bdde rgb(115,189,222)
```
#88c7e3
```
#88c7e3 rgb(136,199,227)
```

Monochromatic Color

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

#4acdd4
```
#4acdd4 rgb(74,205,212)
```
#4ac1d4
```
#4ac1d4 rgb(74,193,212)
```
#4ab6d4
```
#4ab6d4 rgb(74,182,212)
```
#4aaad4
```
#4aaad4 rgb(74,170,212)
```
#4a9fd4
```
#4a9fd4 rgb(74,159,212)
```
#4a93d4
```
#4a93d4 rgb(74,147,212)
```
#4a88d4
```
#4a88d4 rgb(74,136,212)
```

Similar Colors

Text with hexadecimal color #4aaad4

This text has a font color of #4aaad4.

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

#4aaad4 background color

This paragraph has a background color of #4aaad4.

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

#4aaad4 border color

This element has a border color of #4aaad4.

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

CSS codes

.text {color:#4aaad4;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#061319
```
#061319 rgb(6,19,25)
```
#0a1f29
```
#0a1f29 rgb(10,31,41)
```
#0d2c39
```
#0d2c39 rgb(13,44,57)
```
#113849
```
#113849 rgb(17,56,73)
```
#154458
```
#154458 rgb(21,68,88)
```
#195068
```
#195068 rgb(25,80,104)
```
#1d5c78
```
#1d5c78 rgb(29,92,120)
```
#206888
```
#206888 rgb(32,104,136)
```
#247598
```
#247598 rgb(36,117,152)
```
#2881a8
```
#2881a8 rgb(40,129,168)
```
#2c8db8
```
#2c8db8 rgb(44,141,184)
```
#2f99c7
```
#2f99c7 rgb(47,153,199)
```

Shade Color Variation

#3aa3d0
```
#3aa3d0 rgb(58,163,208)
```
#4aaad4
```
#4aaad4 rgb(74,170,212)
```
#5ab1d8
```
#5ab1d8 rgb(90,177,216)
```
#6ab9dc
```
#6ab9dc rgb(106,185,220)
```
#7ac0df
```
#7ac0df rgb(122,192,223)
```
#89c8e3
```
#89c8e3 rgb(137,200,227)
```
#99cfe7
```
#99cfe7 rgb(153,207,231)
```
#a9d7eb
```
#a9d7eb rgb(169,215,235)
```
#b9deee
```
#b9deee rgb(185,222,238)
```
#c9e6f2
```
#c9e6f2 rgb(201,230,242)
```
#d9edf6
```
#d9edf6 rgb(217,237,246)
```
#e8f4fa
```
#e8f4fa rgb(232,244,250)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8f8f is the less saturated color, while #28b7f6 is the most saturated one.

#8f8f8f
```
#8f8f8f rgb(143,143,143)
```
#869298
```
#869298 rgb(134,146,152)
```
#7e96a0
```
#7e96a0 rgb(126,150,160)
```
#7599a9
```
#7599a9 rgb(117,153,169)
```
#6c9db2
```
#6c9db2 rgb(108,157,178)
```
#64a0ba
```
#64a0ba rgb(100,160,186)
```
#5ba3c3
```
#5ba3c3 rgb(91,163,195)
```
#53a7cb
```
#53a7cb rgb(83,167,203)
```
#4aaad4
```
#4aaad4 rgb(74,170,212)
```
#41addd
```
#41addd rgb(65,173,221)
```
#39b1e5
```
#39b1e5 rgb(57,177,229)
```
#30b4ee
```
#30b4ee rgb(48,180,238)
```
#28b7f6
```
#28b7f6 rgb(40,183,246)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#84979f Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a2ce Protanopia 1% of men
#92a2da Deuteranopia 1% of men
#43b2bf Tritanopia 0.001% of the population

Trichromacy

#7ba5d0 Protanomaly 1% of men, 0.01% of women
#78a5d8 Deuteranomaly 6% of men, 0.4% of women
#45afc7 Tritanomaly 0.01% of the population

#4aaad4 hex color

#4aaad4 Color Information

#4aaad4 Color Conversion

Color Schemes with #4aaad4

Alternatives to #4aaad4

#4aaad4 Preview

Shades and Tints of #4aaad4

Tones of #4aaad4

Color Blindness Simulator