#49b5e1 hex color

In a RGB color space, hex #49b5e1 is composed of 28.6% red, 71% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 19.6% magenta, 0% yellow and 11.8% black. It has a hue angle of 197.4 degrees, a saturation of 71.7% and a lightness of 58.4%. #49b5e1 color hex could be obtained by blending #92ffff with #006bc3. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 29
- G 71
- B 88
RGB color chart
- C 68
- M 20
- Y 0
- K 12
CMYK color chart

● #49b5e1 color description : Soft blue.

The hexadecimal color #49b5e1 has RGB values of R:73, G:181, B:225 and CMYK values of C:0.68, M:0.2, Y:0, K:0.12. Its decimal value is 4830689.

Hex triplet	49b5e1	`#49b5e1`
RGB Decimal	73, 181, 225	`rgb(73,181,225)`
RGB Percent	28.6, 71, 88.2	`rgb(28.6%,71%,88.2%)`
CMYK	68, 20, 0, 12
HSL	197.4°, 71.7, 58.4	`hsl(197.4,71.7%,58.4%)`
HSV (or HSB)	197.4°, 67.6, 88.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.397, -17.17, -31.104
XYZ	32.859, 39.898, 77.199
xyY	0.219, 0.266, 39.898
CIE-LCH	69.397, 35.528, 241.1
CIE-LUV	69.397, -41.072, -47.107
Hunter-Lab	63.165, -17.682, -28.248
Binary	01001001, 10110101, 11100001

#49b5e1
```
#49b5e1 rgb(73,181,225)
```
#e17549
```
#e17549 rgb(225,117,73)
```

Complementary Color

#49e1c1
```
#49e1c1 rgb(73,225,193)
```
#49b5e1
```
#49b5e1 rgb(73,181,225)
```
#4969e1
```
#4969e1 rgb(73,105,225)
```

Analogous Color

#e1c149
```
#e1c149 rgb(225,193,73)
```
#49b5e1
```
#49b5e1 rgb(73,181,225)
```
#e14969
```
#e14969 rgb(225,73,105)
```

Split Complementary Color

#b5e149
```
#b5e149 rgb(181,225,73)
```
#49b5e1
```
#49b5e1 rgb(73,181,225)
```
#e149b5
```
#e149b5 rgb(225,73,181)
```

Triadic Color

#49e175
```
#49e175 rgb(73,225,117)
```
#49b5e1
```
#49b5e1 rgb(73,181,225)
```
#e149b5
```
#e149b5 rgb(225,73,181)
```
#e17549
```
#e17549 rgb(225,117,73)
```

Tetradic Color

#1f90be
```
#1f90be rgb(31,144,190)
```
#23a1d4
```
#23a1d4 rgb(35,161,212)
```
#33acdd
```
#33acdd rgb(51,172,221)
```
#49b5e1
```
#49b5e1 rgb(73,181,225)
```
#5fbee5
```
#5fbee5 rgb(95,190,229)
```
#75c7e8
```
#75c7e8 rgb(117,199,232)
```
#8bd0ec
```
#8bd0ec rgb(139,208,236)
```

Monochromatic Color

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

#49dbe1
```
#49dbe1 rgb(73,219,225)
```
#49cee1
```
#49cee1 rgb(73,206,225)
```
#49c2e1
```
#49c2e1 rgb(73,194,225)
```
#49b5e1
```
#49b5e1 rgb(73,181,225)
```
#49a8e1
```
#49a8e1 rgb(73,168,225)
```
#499ce1
```
#499ce1 rgb(73,156,225)
```
#498fe1
```
#498fe1 rgb(73,143,225)
```

Similar Colors

Text with hexadecimal color #49b5e1

This text has a font color of #49b5e1.

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

#49b5e1 background color

This paragraph has a background color of #49b5e1.

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

#49b5e1 border color

This element has a border color of #49b5e1.

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

CSS codes

.text {color:#49b5e1;}

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

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

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 #f1f9fd is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#030f14
```
#030f14 rgb(3,15,20)
```
#061c25
```
#061c25 rgb(6,28,37)
```
#092936
```
#092936 rgb(9,41,54)
```
#0c3647
```
#0c3647 rgb(12,54,71)
```
#0e4257
```
#0e4257 rgb(14,66,87)
```
#114f68
```
#114f68 rgb(17,79,104)
```
#145c79
```
#145c79 rgb(20,92,121)
```
#17698a
```
#17698a rgb(23,105,138)
```
#1a759b
```
#1a759b rgb(26,117,155)
```
#1c82ac
```
#1c82ac rgb(28,130,172)
```
#1f8fbc
```
#1f8fbc rgb(31,143,188)
```
#229ccd
```
#229ccd rgb(34,156,205)
```

Shade Color Variation

#27a7db
```
#27a7db rgb(39,167,219)
```
#38aede
```
#38aede rgb(56,174,222)
```
#49b5e1
```
#49b5e1 rgb(73,181,225)
```
#5abce4
```
#5abce4 rgb(90,188,228)
```
#6bc3e7
```
#6bc3e7 rgb(107,195,231)
```
#7ccae9
```
#7ccae9 rgb(124,202,233)
```
#8cd0ec
```
#8cd0ec rgb(140,208,236)
```
#9dd7ef
```
#9dd7ef rgb(157,215,239)
```
#aedef2
```
#aedef2 rgb(174,222,242)
```
#bfe5f4
```
#bfe5f4 rgb(191,229,244)
```
#d0ecf7
```
#d0ecf7 rgb(208,236,247)
```
#e1f3fa
```
#e1f3fa rgb(225,243,250)
```
#f1f9fd
```
#f1f9fd rgb(241,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929698 is the less saturated color, while #31bff9 is the most saturated one.

#929698
```
#929698 rgb(146,150,152)
```
#8a9aa0
```
#8a9aa0 rgb(138,154,160)
```
#829da8
```
#829da8 rgb(130,157,168)
```
#7aa0b0
```
#7aa0b0 rgb(122,160,176)
```
#72a4b8
```
#72a4b8 rgb(114,164,184)
```
#6aa7c0
```
#6aa7c0 rgb(106,167,192)
```
#61abc9
```
#61abc9 rgb(97,171,201)
```
#59aed1
```
#59aed1 rgb(89,174,209)
```
#51b2d9
```
#51b2d9 rgb(81,178,217)
```
#49b5e1
```
#49b5e1 rgb(73,181,225)
```
#41b8e9
```
#41b8e9 rgb(65,184,233)
```
#39bcf1
```
#39bcf1 rgb(57,188,241)
```
#31bff9
```
#31bff9 rgb(49,191,249)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8a9fa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1acda Protanopia 1% of men
#9aabe7 Deuteranopia 1% of men
#3fbdcb Tritanopia 0.001% of the population

Trichromacy

#81afdc Protanomaly 1% of men, 0.01% of women
#7dafe5 Deuteranomaly 6% of men, 0.4% of women
#43bad3 Tritanomaly 0.01% of the population

#49b5e1 hex color

#49b5e1 Color Information

#49b5e1 Color Conversion

Color Schemes with #49b5e1

Alternatives to #49b5e1

#49b5e1 Preview

Shades and Tints of #49b5e1

Tones of #49b5e1

Color Blindness Simulator