#49a2cc hex color

In a RGB color space, hex #49a2cc is composed of 28.6% red, 63.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 20.6% magenta, 0% yellow and 20% black. It has a hue angle of 199.2 degrees, a saturation of 56.2% and a lightness of 54.3%. #49a2cc color hex could be obtained by blending #92ffff with #004599. Closest websafe color is: #3399cc.

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

● #49a2cc color description : Moderate blue.

The hexadecimal color #49a2cc has RGB values of R:73, G:162, B:204 and CMYK values of C:0.64, M:0.21, Y:0, K:0.2. Its decimal value is 4825804.

Hex triplet	49a2cc	`#49a2cc`
RGB Decimal	73, 162, 204	`rgb(73,162,204)`
RGB Percent	28.6, 63.5, 80	`rgb(28.6%,63.5%,80%)`
CMYK	64, 21, 0, 20
HSL	199.2°, 56.2, 54.3	`hsl(199.2,56.2%,54.3%)`
HSV (or HSB)	199.2°, 64.2, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.023, -13.711, -29.368
XYZ	26.564, 31.615, 61.826
xyY	0.221, 0.263, 31.615
CIE-LCH	63.023, 32.411, 244.974
CIE-LUV	63.023, -35.234, -44.016
Hunter-Lab	56.227, -14.065, -25.835
Binary	01001001, 10100010, 11001100

#49a2cc
```
#49a2cc rgb(73,162,204)
```
#cc7349
```
#cc7349 rgb(204,115,73)
```

Complementary Color

#49ccb5
```
#49ccb5 rgb(73,204,181)
```
#49a2cc
```
#49a2cc rgb(73,162,204)
```
#4961cc
```
#4961cc rgb(73,97,204)
```

Analogous Color

#ccb549
```
#ccb549 rgb(204,181,73)
```
#49a2cc
```
#49a2cc rgb(73,162,204)
```
#cc4961
```
#cc4961 rgb(204,73,97)
```

Split Complementary Color

#a2cc49
```
#a2cc49 rgb(162,204,73)
```
#49a2cc
```
#49a2cc rgb(73,162,204)
```
#cc49a2
```
#cc49a2 rgb(204,73,162)
```

Triadic Color

#49cc73
```
#49cc73 rgb(73,204,115)
```
#49a2cc
```
#49a2cc rgb(73,162,204)
```
#cc49a2
```
#cc49a2 rgb(204,73,162)
```
#cc7349
```
#cc7349 rgb(204,115,73)
```

Tetradic Color

#2c789d
```
#2c789d rgb(44,120,157)
```
#3188b1
```
#3188b1 rgb(49,136,177)
```
#3797c4
```
#3797c4 rgb(55,151,196)
```
#49a2cc
```
#49a2cc rgb(73,162,204)
```
#5dacd2
```
#5dacd2 rgb(93,172,210)
```
#71b6d7
```
#71b6d7 rgb(113,182,215)
```
#85c1dd
```
#85c1dd rgb(133,193,221)
```

Monochromatic Color

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

#49c3cc
```
#49c3cc rgb(73,195,204)
```
#49b8cc
```
#49b8cc rgb(73,184,204)
```
#49adcc
```
#49adcc rgb(73,173,204)
```
#49a2cc
```
#49a2cc rgb(73,162,204)
```
#4997cc
```
#4997cc rgb(73,151,204)
```
#498ccc
```
#498ccc rgb(73,140,204)
```
#4981cc
```
#4981cc rgb(73,129,204)
```

Similar Colors

Text with hexadecimal color #49a2cc

This text has a font color of #49a2cc.

<span style="color:#49a2cc;">Text here</span>

#49a2cc background color

This paragraph has a background color of #49a2cc.

<p style="background-color:#49a2cc;">Content here</p>

#49a2cc border color

This element has a border color of #49a2cc.

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

CSS codes

.text {color:#49a2cc;}

.background {background-color:#49a2cc;}

.border {border:1px solid #49a2cc;}

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

#010102
```
#010102 rgb(1,1,2)
```
#050d11
```
#050d11 rgb(5,13,17)
```
#091921
```
#091921 rgb(9,25,33)
```
#0d2530
```
#0d2530 rgb(13,37,48)
```
#12313f
```
#12313f rgb(18,49,63)
```
#163c4e
```
#163c4e rgb(22,60,78)
```
#1a485e
```
#1a485e rgb(26,72,94)
```
#1f546d
```
#1f546d rgb(31,84,109)
```
#23607c
```
#23607c rgb(35,96,124)
```
#276c8c
```
#276c8c rgb(39,108,140)
```
#2b779b
```
#2b779b rgb(43,119,155)
```
#3083aa
```
#3083aa rgb(48,131,170)
```
#348fba
```
#348fba rgb(52,143,186)
```

Shade Color Variation

#3a9ac8
```
#3a9ac8 rgb(58,154,200)
```
#49a2cc
```
#49a2cc rgb(73,162,204)
```
#58aad0
```
#58aad0 rgb(88,170,208)
```
#68b2d5
```
#68b2d5 rgb(104,178,213)
```
#77b9d9
```
#77b9d9 rgb(119,185,217)
```
#86c1dd
```
#86c1dd rgb(134,193,221)
```
#96c9e1
```
#96c9e1 rgb(150,201,225)
```
#a5d1e6
```
#a5d1e6 rgb(165,209,230)
```
#b4d9ea
```
#b4d9ea rgb(180,217,234)
```
#c4e1ee
```
#c4e1ee rgb(196,225,238)
```
#d3e8f3
```
#d3e8f3 rgb(211,232,243)
```
#e2f0f7
```
#e2f0f7 rgb(226,240,247)
```
#f2f8fb
```
#f2f8fb rgb(242,248,251)
```

Tint Color Variation

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

#888b8d
```
#888b8d rgb(136,139,141)
```
#7f8f96
```
#7f8f96 rgb(127,143,150)
```
#76929f
```
#76929f rgb(118,146,159)
```
#6d95a8
```
#6d95a8 rgb(109,149,168)
```
#6498b1
```
#6498b1 rgb(100,152,177)
```
#5b9cba
```
#5b9cba rgb(91,156,186)
```
#529fc3
```
#529fc3 rgb(82,159,195)
```
#49a2cc
```
#49a2cc rgb(73,162,204)
```
#40a5d5
```
#40a5d5 rgb(64,165,213)
```
#37a8de
```
#37a8de rgb(55,168,222)
```
#2eace7
```
#2eace7 rgb(46,172,231)
```
#25aff0
```
#25aff0 rgb(37,175,240)
```
#1cb2f9
```
#1cb2f9 rgb(28,178,249)
```

Tone Color Variation

Below, you can see how #49a2cc 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

#8c8c8c Achromatopsia 0.005% of the population
#7f9099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#919cc7 Protanopia 1% of men
#8b9cd2 Deuteranopia 1% of men
#43abb7 Tritanopia 0.001% of the population

Trichromacy

#779ec9 Protanomaly 1% of men, 0.01% of women
#739ed0 Deuteranomaly 6% of men, 0.4% of women
#45a7bf Tritanomaly 0.01% of the population

#49a2cc hex color

#49a2cc Color Information

#49a2cc Color Conversion

Color Schemes with #49a2cc

Alternatives to #49a2cc

#49a2cc Preview

Shades and Tints of #49a2cc

Tones of #49a2cc

Color Blindness Simulator