colorhexa.com

#049bd5 hex color

In a RGB color space, hex #049bd5 is composed of 1.6% red, 60.8% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 27.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 196.7 degrees, a saturation of 96.3% and a lightness of 42.5%. #049bd5 color hex could be obtained by blending #08ffff with #0037ab. Closest websafe color is: #0099cc.

- R 2
- G 61
- B 84
RGB color chart
- C 98
- M 27
- Y 0
- K 16
CMYK color chart

● #049bd5 color description : Strong blue.

The hexadecimal color #049bd5 has RGB values of R:4, G:155, B:213 and CMYK values of C:0.98, M:0.27, Y:0, K:0.16. Its decimal value is 302037.

Hex triplet	049bd5	`#049bd5`
RGB Decimal	4, 155, 213	`rgb(4,155,213)`
RGB Percent	1.6, 60.8, 83.5	`rgb(1.6%,60.8%,83.5%)`
CMYK	98, 27, 0, 16
HSL	196.7°, 96.3, 42.5	`hsl(196.7,96.3%,42.5%)`
HSV (or HSB)	196.7°, 98.1, 83.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	60.132, -13.101, -38.977
XYZ	23.779, 28.27, 67.151
xyY	0.199, 0.237, 28.27
CIE-LCH	60.132, 41.12, 251.421
CIE-LUV	60.132, -40.14, -59.778
Hunter-Lab	53.17, -13.218, -37.661
Binary	00000100, 10011011, 11010101

#049bd5
```
#049bd5 rgb(4,155,213)
```
#d53e04
```
#d53e04 rgb(213,62,4)
```

Complementary Color

#04d5a7
```
#04d5a7 rgb(4,213,167)
```
#049bd5
```
#049bd5 rgb(4,155,213)
```
#0432d5
```
#0432d5 rgb(4,50,213)
```

Analogous Color

#d5a704
```
#d5a704 rgb(213,167,4)
```
#049bd5
```
#049bd5 rgb(4,155,213)
```
#d50432
```
#d50432 rgb(213,4,50)
```

Split Complementary Color

#9bd504
```
#9bd504 rgb(155,213,4)
```
#049bd5
```
#049bd5 rgb(4,155,213)
```
#d5049b
```
#d5049b rgb(213,4,155)
```

Triadic Color

#03648a
```
#03648a rgb(3,100,138)
```
#0377a3
```
#0377a3 rgb(3,119,163)
```
#0489bc
```
#0489bc rgb(4,137,188)
```
#049bd5
```
#049bd5 rgb(4,155,213)
```
#04adee
```
#04adee rgb(4,173,238)
```
#11bafb
```
#11bafb rgb(17,186,251)
```
#2ac1fb
```
#2ac1fb rgb(42,193,251)
```

Monochromatic Color

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

#04cfd5
```
#04cfd5 rgb(4,207,213)
```
#04bed5
```
#04bed5 rgb(4,190,213)
```
#04acd5
```
#04acd5 rgb(4,172,213)
```
#049bd5
```
#049bd5 rgb(4,155,213)
```
#048ad5
```
#048ad5 rgb(4,138,213)
```
#0478d5
```
#0478d5 rgb(4,120,213)
```
#0467d5
```
#0467d5 rgb(4,103,213)
```

Similar Colors

Text with hexadecimal color #049bd5

This text has a font color of #049bd5.

<span style="color:#049bd5;">Text here</span>

#049bd5 background color

This paragraph has a background color of #049bd5.

<p style="background-color:#049bd5;">Content here</p>

#049bd5 border color

This element has a border color of #049bd5.

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

CSS codes

.text {color:#049bd5;}

.background {background-color:#049bd5;}

.border {border:1px solid #049bd5;}

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

#000101
```
#000101 rgb(0,1,1)
```
#000f14
```
#000f14 rgb(0,15,20)
```
#011d28
```
#011d28 rgb(1,29,40)
```
#012b3b
```
#012b3b rgb(1,43,59)
```
#01394e
```
#01394e rgb(1,57,78)
```
#024761
```
#024761 rgb(2,71,97)
```
#025575
```
#025575 rgb(2,85,117)
```
#036388
```
#036388 rgb(3,99,136)
```
#03719b
```
#03719b rgb(3,113,155)
```
#037fae
```
#037fae rgb(3,127,174)
```
#048dc2
```
#048dc2 rgb(4,141,194)
```
#049bd5
```
#049bd5 rgb(4,155,213)
```
#04a9e8
```
#04a9e8 rgb(4,169,232)
```

Shade Color Variation

#06b6fa
```
#06b6fa rgb(6,182,250)
```
#19bcfb
```
#19bcfb rgb(25,188,251)
```
#2cc2fb
```
#2cc2fb rgb(44,194,251)
```
#40c7fb
```
#40c7fb rgb(64,199,251)
```
#53cdfc
```
#53cdfc rgb(83,205,252)
```
#66d3fc
```
#66d3fc rgb(102,211,252)
```
#79d8fc
```
#79d8fc rgb(121,216,252)
```
#8ddefd
```
#8ddefd rgb(141,222,253)
```
#a0e3fd
```
#a0e3fd rgb(160,227,253)
```
#b3e9fe
```
#b3e9fe rgb(179,233,254)
```
#c6effe
```
#c6effe rgb(198,239,254)
```
#daf4fe
```
#daf4fe rgb(218,244,254)
```
#edfaff
```
#edfaff rgb(237,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686e71 is the less saturated color, while #049bd5 is the most saturated one.

#686e71
```
#686e71 rgb(104,110,113)
```
#607279
```
#607279 rgb(96,114,121)
```
#577682
```
#577682 rgb(87,118,130)
```
#4f7a8a
```
#4f7a8a rgb(79,122,138)
```
#477d92
```
#477d92 rgb(71,125,146)
```
#3e819b
```
#3e819b rgb(62,129,155)
```
#3685a3
```
#3685a3 rgb(54,133,163)
```
#2e88ab
```
#2e88ab rgb(46,136,171)
```
#258cb4
```
#258cb4 rgb(37,140,180)
```
#1d90bc
```
#1d90bc rgb(29,144,188)
```
#1594c4
```
#1594c4 rgb(21,148,196)
```
#0c97cd
```
#0c97cd rgb(12,151,205)
```
#049bd5
```
#049bd5 rgb(4,155,213)
```

Tone Color Variation

Below, you can see how #049bd5 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

#747474 Achromatopsia 0.005% of the population
#5e7c87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8394ce Protanopia 1% of men
#7396db Deuteranopia 1% of men
#00a5b0 Tritanopia 0.001% of the population

Trichromacy

#5496d1 Protanomaly 1% of men, 0.01% of women
#4a97d9 Deuteranomaly 6% of men, 0.4% of women
#01a1bd Tritanomaly 0.01% of the population