#4aafcc hex color

In a RGB color space, hex #4aafcc is composed of 29% red, 68.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 14.2% magenta, 0% yellow and 20% black. It has a hue angle of 193.4 degrees, a saturation of 56% and a lightness of 54.5%. #4aafcc color hex could be obtained by blending #94ffff with #005f99. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 69
- B 80
RGB color chart
- C 64
- M 14
- Y 0
- K 20
CMYK color chart

● #4aafcc color description : Moderate cyan.

The hexadecimal color #4aafcc has RGB values of R:74, G:175, B:204 and CMYK values of C:0.64, M:0.14, Y:0, K:0.2. Its decimal value is 4894668.

Hex triplet	4aafcc	`#4aafcc`
RGB Decimal	74, 175, 204	`rgb(74,175,204)`
RGB Percent	29, 68.6, 80	`rgb(29%,68.6%,80%)`
CMYK	64, 14, 0, 20
HSL	193.4°, 56, 54.5	`hsl(193.4,56%,54.5%)`
HSV (or HSB)	193.4°, 63.7, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.88, -20.44, -23.436
XYZ	29.05, 36.473, 62.632
xyY	0.227, 0.285, 36.473
CIE-LCH	66.88, 31.097, 228.907
CIE-LUV	66.88, -39.78, -33.651
Hunter-Lab	60.393, -19.826, -19.213
Binary	01001010, 10101111, 11001100

#4aafcc
```
#4aafcc rgb(74,175,204)
```
#cc674a
```
#cc674a rgb(204,103,74)
```

Complementary Color

#4acca8
```
#4acca8 rgb(74,204,168)
```
#4aafcc
```
#4aafcc rgb(74,175,204)
```
#4a6ecc
```
#4a6ecc rgb(74,110,204)
```

Analogous Color

#cca84a
```
#cca84a rgb(204,168,74)
```
#4aafcc
```
#4aafcc rgb(74,175,204)
```
#cc4a6e
```
#cc4a6e rgb(204,74,110)
```

Split Complementary Color

#afcc4a
```
#afcc4a rgb(175,204,74)
```
#4aafcc
```
#4aafcc rgb(74,175,204)
```
#cc4aaf
```
#cc4aaf rgb(204,74,175)
```

Triadic Color

#4acc67
```
#4acc67 rgb(74,204,103)
```
#4aafcc
```
#4aafcc rgb(74,175,204)
```
#cc4aaf
```
#cc4aaf rgb(204,74,175)
```
#cc674a
```
#cc674a rgb(204,103,74)
```

Tetradic Color

#2c849d
```
#2c849d rgb(44,132,157)
```
#3295b1
```
#3295b1 rgb(50,149,177)
```
#38a5c5
```
#38a5c5 rgb(56,165,197)
```
#4aafcc
```
#4aafcc rgb(74,175,204)
```
#5eb8d2
```
#5eb8d2 rgb(94,184,210)
```
#72c1d7
```
#72c1d7 rgb(114,193,215)
```
#86c9dd
```
#86c9dd rgb(134,201,221)
```

Monochromatic Color

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

#4accc9
```
#4accc9 rgb(74,204,201)
```
#4ac5cc
```
#4ac5cc rgb(74,197,204)
```
#4abacc
```
#4abacc rgb(74,186,204)
```
#4aafcc
```
#4aafcc rgb(74,175,204)
```
#4aa4cc
```
#4aa4cc rgb(74,164,204)
```
#4a99cc
```
#4a99cc rgb(74,153,204)
```
#4a8fcc
```
#4a8fcc rgb(74,143,204)
```

Similar Colors

Text with hexadecimal color #4aafcc

This text has a font color of #4aafcc.

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

#4aafcc background color

This paragraph has a background color of #4aafcc.

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

#4aafcc border color

This element has a border color of #4aafcc.

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

CSS codes

.text {color:#4aafcc;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050f12
```
#050f12 rgb(5,15,18)
```
#091c21
```
#091c21 rgb(9,28,33)
```
#0e2931
```
#0e2931 rgb(14,41,49)
```
#123640
```
#123640 rgb(18,54,64)
```
#16424f
```
#16424f rgb(22,66,79)
```
#1b4f5e
```
#1b4f5e rgb(27,79,94)
```
#1f5c6e
```
#1f5c6e rgb(31,92,110)
```
#23697d
```
#23697d rgb(35,105,125)
```
#28768c
```
#28768c rgb(40,118,140)
```
#2c839c
```
#2c839c rgb(44,131,156)
```
#3090ab
```
#3090ab rgb(48,144,171)
```
#349cba
```
#349cba rgb(52,156,186)
```

Shade Color Variation

#3ba8c8
```
#3ba8c8 rgb(59,168,200)
```
#4aafcc
```
#4aafcc rgb(74,175,204)
```
#59b6d0
```
#59b6d0 rgb(89,182,208)
```
#69bdd5
```
#69bdd5 rgb(105,189,213)
```
#78c3d9
```
#78c3d9 rgb(120,195,217)
```
#87cadd
```
#87cadd rgb(135,202,221)
```
#97d1e2
```
#97d1e2 rgb(151,209,226)
```
#a6d8e6
```
#a6d8e6 rgb(166,216,230)
```
#b5deea
```
#b5deea rgb(181,222,234)
```
#c4e5ee
```
#c4e5ee rgb(196,229,238)
```
#d4ecf3
```
#d4ecf3 rgb(212,236,243)
```
#e3f3f7
```
#e3f3f7 rgb(227,243,247)
```
#f2f9fb
```
#f2f9fb rgb(242,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888c8e is the less saturated color, while #1dc8f9 is the most saturated one.

#888c8e
```
#888c8e rgb(136,140,142)
```
#809196
```
#809196 rgb(128,145,150)
```
#77969f
```
#77969f rgb(119,150,159)
```
#6e9ba8
```
#6e9ba8 rgb(110,155,168)
```
#65a0b1
```
#65a0b1 rgb(101,160,177)
```
#5ca5ba
```
#5ca5ba rgb(92,165,186)
```
#53aac3
```
#53aac3 rgb(83,170,195)
```
#4aafcc
```
#4aafcc rgb(74,175,204)
```
#41b4d5
```
#41b4d5 rgb(65,180,213)
```
#38b9de
```
#38b9de rgb(56,185,222)
```
#2fbee7
```
#2fbee7 rgb(47,190,231)
```
#26c3f0
```
#26c3f0 rgb(38,195,240)
```
#1dc8f9
```
#1dc8f9 rgb(29,200,249)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#85999f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a6c6 Protanopia 1% of men
#9da4d4 Deuteranopia 1% of men
#4bb5c2 Tritanopia 0.001% of the population

Trichromacy

#80a9c8 Protanomaly 1% of men, 0.01% of women
#7fa8d1 Deuteranomaly 6% of men, 0.4% of women
#4bb3c6 Tritanomaly 0.01% of the population

#4aafcc hex color

#4aafcc Color Information

#4aafcc Color Conversion

Color Schemes with #4aafcc

Alternatives to #4aafcc

#4aafcc Preview

Shades and Tints of #4aafcc

Tones of #4aafcc

Color Blindness Simulator