#49baf6 hex color

In a RGB color space, hex #49baf6 is composed of 28.6% red, 72.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 24.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 200.8 degrees, a saturation of 90.6% and a lightness of 62.5%. #49baf6 color hex could be obtained by blending #92ffff with #0075ed. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 29
- G 73
- B 96
RGB color chart
- C 70
- M 24
- Y 0
- K 4
CMYK color chart

● #49baf6 color description : Bright blue.

The hexadecimal color #49baf6 has RGB values of R:73, G:186, B:246 and CMYK values of C:0.7, M:0.24, Y:0, K:0.04. Its decimal value is 4831990.

Hex triplet	49baf6	`#49baf6`
RGB Decimal	73, 186, 246	`rgb(73,186,246)`
RGB Percent	28.6, 72.9, 96.5	`rgb(28.6%,72.9%,96.5%)`
CMYK	70, 24, 0, 4
HSL	200.8°, 90.6, 62.5	`hsl(200.8,90.6%,62.5%)`
HSV (or HSB)	200.8°, 70.3, 96.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.68, -13.058, -38.975
XYZ	36.937, 43.185, 93.573
xyY	0.213, 0.249, 43.185
CIE-LCH	71.68, 41.105, 251.478
CIE-LUV	71.68, -41.748, -61.272
Hunter-Lab	65.715, -14.672, -38.423
Binary	01001001, 10111010, 11110110

#49baf6
```
#49baf6 rgb(73,186,246)
```
#f68549
```
#f68549 rgb(246,133,73)
```

Complementary Color

#49f6dc
```
#49f6dc rgb(73,246,220)
```
#49baf6
```
#49baf6 rgb(73,186,246)
```
#4963f6
```
#4963f6 rgb(73,99,246)
```

Analogous Color

#f6dc49
```
#f6dc49 rgb(246,220,73)
```
#49baf6
```
#49baf6 rgb(73,186,246)
```
#f64963
```
#f64963 rgb(246,73,99)
```

Split Complementary Color

#baf649
```
#baf649 rgb(186,246,73)
```
#49baf6
```
#49baf6 rgb(73,186,246)
```
#f649ba
```
#f649ba rgb(246,73,186)
```

Triadic Color

#49f685
```
#49f685 rgb(73,246,133)
```
#49baf6
```
#49baf6 rgb(73,186,246)
```
#f649ba
```
#f649ba rgb(246,73,186)
```
#f68549
```
#f68549 rgb(246,133,73)
```

Tetradic Color

#0b9be7
```
#0b9be7 rgb(11,155,231)
```
#18a8f4
```
#18a8f4 rgb(24,168,244)
```
#31b1f5
```
#31b1f5 rgb(49,177,245)
```
#49baf6
```
#49baf6 rgb(73,186,246)
```
#61c3f7
```
#61c3f7 rgb(97,195,247)
```
#7accf8
```
#7accf8 rgb(122,204,248)
```
#92d6fa
```
#92d6fa rgb(146,214,250)
```

Monochromatic Color

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

#49e5f6
```
#49e5f6 rgb(73,229,246)
```
#49d7f6
```
#49d7f6 rgb(73,215,246)
```
#49c8f6
```
#49c8f6 rgb(73,200,246)
```
#49baf6
```
#49baf6 rgb(73,186,246)
```
#49acf6
```
#49acf6 rgb(73,172,246)
```
#499df6
```
#499df6 rgb(73,157,246)
```
#498ff6
```
#498ff6 rgb(73,143,246)
```

Similar Colors

Text with hexadecimal color #49baf6

This text has a font color of #49baf6.

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

#49baf6 background color

This paragraph has a background color of #49baf6.

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

#49baf6 border color

This element has a border color of #49baf6.

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

CSS codes

.text {color:#49baf6;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#011018
```
#011018 rgb(1,16,24)
```
#021c2a
```
#021c2a rgb(2,28,42)
```
#03293d
```
#03293d rgb(3,41,61)
```
#043550
```
#043550 rgb(4,53,80)
```
#054262
```
#054262 rgb(5,66,98)
```
#064e75
```
#064e75 rgb(6,78,117)
```
#075b88
```
#075b88 rgb(7,91,136)
```
#08689a
```
#08689a rgb(8,104,154)
```
#0974ad
```
#0974ad rgb(9,116,173)
```
#0981c0
```
#0981c0 rgb(9,129,192)
```
#0a8dd3
```
#0a8dd3 rgb(10,141,211)
```
#0b9ae5
```
#0b9ae5 rgb(11,154,229)
```

Shade Color Variation

#11a5f3
```
#11a5f3 rgb(17,165,243)
```
#24acf4
```
#24acf4 rgb(36,172,244)
```
#36b3f5
```
#36b3f5 rgb(54,179,245)
```
#49baf6
```
#49baf6 rgb(73,186,246)
```
#5cc1f7
```
#5cc1f7 rgb(92,193,247)
```
#6ec8f8
```
#6ec8f8 rgb(110,200,248)
```
#81cff9
```
#81cff9 rgb(129,207,249)
```
#94d6fa
```
#94d6fa rgb(148,214,250)
```
#a6ddfb
```
#a6ddfb rgb(166,221,251)
```
#b9e5fc
```
#b9e5fc rgb(185,229,252)
```
#ccecfc
```
#ccecfc rgb(204,236,252)
```
#dff3fd
```
#dff3fd rgb(223,243,253)
```
#f1fafe
```
#f1fafe rgb(241,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9aa1a5 is the less saturated color, while #42bcfd is the most saturated one.

#9aa1a5
```
#9aa1a5 rgb(154,161,165)
```
#92a3ad
```
#92a3ad rgb(146,163,173)
```
#8ba6b4
```
#8ba6b4 rgb(139,166,180)
```
#84a8bb
```
#84a8bb rgb(132,168,187)
```
#7caac3
```
#7caac3 rgb(124,170,195)
```
#75acca
```
#75acca rgb(117,172,202)
```
#6eafd1
```
#6eafd1 rgb(110,175,209)
```
#66b1d9
```
#66b1d9 rgb(102,177,217)
```
#5fb3e0
```
#5fb3e0 rgb(95,179,224)
```
#58b5e7
```
#58b5e7 rgb(88,181,231)
```
#50b8ef
```
#50b8ef rgb(80,184,239)
```
#49baf6
```
#49baf6 rgb(73,186,246)
```
#42bcfd
```
#42bcfd rgb(66,188,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8ea4b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b1ee Protanopia 1% of men
#95b2fa Deuteranopia 1% of men
#2dc4d2 Tritanopia 0.001% of the population

Trichromacy

#80b4f0 Protanomaly 1% of men, 0.01% of women
#79b5f9 Deuteranomaly 6% of men, 0.4% of women
#37c0df Tritanomaly 0.01% of the population

#49baf6 hex color

#49baf6 Color Information

#49baf6 Color Conversion

Color Schemes with #49baf6

Alternatives to #49baf6

#49baf6 Preview

Shades and Tints of #49baf6

Tones of #49baf6

Color Blindness Simulator