#4aa5cd hex color

In a RGB color space, hex #4aa5cd is composed of 29% red, 64.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 19.5% magenta, 0% yellow and 19.6% black. It has a hue angle of 198.3 degrees, a saturation of 56.7% and a lightness of 54.7%. #4aa5cd color hex could be obtained by blending #94ffff with #004b9b. Closest websafe color is: #3399cc.

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

● #4aa5cd color description : Moderate blue.

The hexadecimal color #4aa5cd has RGB values of R:74, G:165, B:205 and CMYK values of C:0.64, M:0.2, Y:0, K:0.2. Its decimal value is 4892109.

Hex triplet	4aa5cd	`#4aa5cd`
RGB Decimal	74, 165, 205	`rgb(74,165,205)`
RGB Percent	29, 64.7, 80.4	`rgb(29%,64.7%,80.4%)`
CMYK	64, 20, 0, 20
HSL	198.3°, 56.7, 54.7	`hsl(198.3,56.7%,54.7%)`
HSV (or HSB)	198.3°, 63.9, 80.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.976, -14.843, -28.451
XYZ	27.296, 32.772, 62.641
xyY	0.222, 0.267, 32.772
CIE-LCH	63.976, 32.09, 242.449
CIE-LUV	63.976, -36.065, -42.446
Hunter-Lab	57.247, -15.071, -24.805
Binary	01001010, 10100101, 11001101

#4aa5cd
```
#4aa5cd rgb(74,165,205)
```
#cd724a
```
#cd724a rgb(205,114,74)
```

Complementary Color

#4acdb4
```
#4acdb4 rgb(74,205,180)
```
#4aa5cd
```
#4aa5cd rgb(74,165,205)
```
#4a64cd
```
#4a64cd rgb(74,100,205)
```

Analogous Color

#cdb44a
```
#cdb44a rgb(205,180,74)
```
#4aa5cd
```
#4aa5cd rgb(74,165,205)
```
#cd4a64
```
#cd4a64 rgb(205,74,100)
```

Split Complementary Color

#a5cd4a
```
#a5cd4a rgb(165,205,74)
```
#4aa5cd
```
#4aa5cd rgb(74,165,205)
```
#cd4aa5
```
#cd4aa5 rgb(205,74,165)
```

Triadic Color

#4acd72
```
#4acd72 rgb(74,205,114)
```
#4aa5cd
```
#4aa5cd rgb(74,165,205)
```
#cd4aa5
```
#cd4aa5 rgb(205,74,165)
```
#cd724a
```
#cd724a rgb(205,114,74)
```

Tetradic Color

#2c7c9f
```
#2c7c9f rgb(44,124,159)
```
#318bb3
```
#318bb3 rgb(49,139,179)
```
#379bc7
```
#379bc7 rgb(55,155,199)
```
#4aa5cd
```
#4aa5cd rgb(74,165,205)
```
#5eafd3
```
#5eafd3 rgb(94,175,211)
```
#72b9d8
```
#72b9d8 rgb(114,185,216)
```
#86c3de
```
#86c3de rgb(134,195,222)
```

Monochromatic Color

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

#4ac6cd
```
#4ac6cd rgb(74,198,205)
```
#4abbcd
```
#4abbcd rgb(74,187,205)
```
#4ab0cd
```
#4ab0cd rgb(74,176,205)
```
#4aa5cd
```
#4aa5cd rgb(74,165,205)
```
#4a9acd
```
#4a9acd rgb(74,154,205)
```
#4a8fcd
```
#4a8fcd rgb(74,143,205)
```
#4a84cd
```
#4a84cd rgb(74,132,205)
```

Similar Colors

Text with hexadecimal color #4aa5cd

This text has a font color of #4aa5cd.

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

#4aa5cd background color

This paragraph has a background color of #4aa5cd.

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

#4aa5cd border color

This element has a border color of #4aa5cd.

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

CSS codes

.text {color:#4aa5cd;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#050f13
```
#050f13 rgb(5,15,19)
```
#091b22
```
#091b22 rgb(9,27,34)
```
#0e2732
```
#0e2732 rgb(14,39,50)
```
#123341
```
#123341 rgb(18,51,65)
```
#163f50
```
#163f50 rgb(22,63,80)
```
#1a4b60
```
#1a4b60 rgb(26,75,96)
```
#1f566f
```
#1f566f rgb(31,86,111)
```
#23627e
```
#23627e rgb(35,98,126)
```
#276e8e
```
#276e8e rgb(39,110,142)
```
#2b7a9d
```
#2b7a9d rgb(43,122,157)
```
#3086ad
```
#3086ad rgb(48,134,173)
```
#3492bc
```
#3492bc rgb(52,146,188)
```

Shade Color Variation

#3b9dc9
```
#3b9dc9 rgb(59,157,201)
```
#4aa5cd
```
#4aa5cd rgb(74,165,205)
```
#59add1
```
#59add1 rgb(89,173,209)
```
#69b4d5
```
#69b4d5 rgb(105,180,213)
```
#78bcda
```
#78bcda rgb(120,188,218)
```
#87c4de
```
#87c4de rgb(135,196,222)
```
#97cbe2
```
#97cbe2 rgb(151,203,226)
```
#a6d3e6
```
#a6d3e6 rgb(166,211,230)
```
#b6daeb
```
#b6daeb rgb(182,218,235)
```
#c5e2ef
```
#c5e2ef rgb(197,226,239)
```
#d4eaf3
```
#d4eaf3 rgb(212,234,243)
```
#e4f1f7
```
#e4f1f7 rgb(228,241,247)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

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

#888d8f
```
#888d8f rgb(136,141,143)
```
#7f9098
```
#7f9098 rgb(127,144,152)
```
#7694a1
```
#7694a1 rgb(118,148,161)
```
#6e97a9
```
#6e97a9 rgb(110,151,169)
```
#659bb2
```
#659bb2 rgb(101,155,178)
```
#5c9ebb
```
#5c9ebb rgb(92,158,187)
```
#53a2c4
```
#53a2c4 rgb(83,162,196)
```
#4aa5cd
```
#4aa5cd rgb(74,165,205)
```
#41a8d6
```
#41a8d6 rgb(65,168,214)
```
#38acdf
```
#38acdf rgb(56,172,223)
```
#2fafe8
```
#2fafe8 rgb(47,175,232)
```
#26b3f1
```
#26b3f1 rgb(38,179,241)
```
#1eb6f9
```
#1eb6f9 rgb(30,182,249)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#80939b Atypical Achromatopsia 0.001% of the population

Dichromacy

#949ec8 Protanopia 1% of men
#8f9ed4 Deuteranopia 1% of men
#45adba Tritanopia 0.001% of the population

Trichromacy

#79a0ca Protanomaly 1% of men, 0.01% of women
#76a0d1 Deuteranomaly 6% of men, 0.4% of women
#47aac1 Tritanomaly 0.01% of the population

#4aa5cd hex color

#4aa5cd Color Information

#4aa5cd Color Conversion

Color Schemes with #4aa5cd

Alternatives to #4aa5cd

#4aa5cd Preview

Shades and Tints of #4aa5cd

Tones of #4aa5cd

Color Blindness Simulator