#049bb4 hex color

In a RGB color space, hex #049bb4 is composed of 1.6% red, 60.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 13.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 188.5 degrees, a saturation of 95.7% and a lightness of 36.1%. #049bb4 color hex could be obtained by blending #08ffff with #003769. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 61
- B 71
RGB color chart
- C 98
- M 14
- Y 0
- K 29
CMYK color chart

● #049bb4 color description : Strong cyan.

The hexadecimal color #049bb4 has RGB values of R:4, G:155, B:180 and CMYK values of C:0.98, M:0.14, Y:0, K:0.29. Its decimal value is 302004.

Hex triplet	049bb4	`#049bb4`
RGB Decimal	4, 155, 180	`rgb(4,155,180)`
RGB Percent	1.6, 60.8, 70.6	`rgb(1.6%,60.8%,70.6%)`
CMYK	98, 14, 0, 29
HSL	188.5°, 95.7, 36.1	`hsl(188.5,95.7%,36.1%)`
HSV (or HSB)	188.5°, 97.8, 70.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	58.753, -24.781, -22.574
XYZ	20.007, 26.762, 47.289
xyY	0.213, 0.285, 26.762
CIE-LCH	58.753, 33.521, 222.333
CIE-LUV	58.753, -42.595, -31.129
Hunter-Lab	51.732, -21.496, -17.985
Binary	00000100, 10011011, 10110100

#049bb4
```
#049bb4 rgb(4,155,180)
```
#b41d04
```
#b41d04 rgb(180,29,4)
```

Complementary Color

#04b475
```
#04b475 rgb(4,180,117)
```
#049bb4
```
#049bb4 rgb(4,155,180)
```
#0443b4
```
#0443b4 rgb(4,67,180)
```

Analogous Color

#b47504
```
#b47504 rgb(180,117,4)
```
#049bb4
```
#049bb4 rgb(4,155,180)
```
#b40443
```
#b40443 rgb(180,4,67)
```

Split Complementary Color

#9bb404
```
#9bb404 rgb(155,180,4)
```
#049bb4
```
#049bb4 rgb(4,155,180)
```
#b4049b
```
#b4049b rgb(180,4,155)
```

Triadic Color

#04b41d
```
#04b41d rgb(4,180,29)
```
#049bb4
```
#049bb4 rgb(4,155,180)
```
#b4049b
```
#b4049b rgb(180,4,155)
```
#b41d04
```
#b41d04 rgb(180,29,4)
```

Tetradic Color

#025b69
```
#025b69 rgb(2,91,105)
```
#037082
```
#037082 rgb(3,112,130)
```
#03869b
```
#03869b rgb(3,134,155)
```
#049bb4
```
#049bb4 rgb(4,155,180)
```
#05b0cd
```
#05b0cd rgb(5,176,205)
```
#05c6e6
```
#05c6e6 rgb(5,198,230)
```
#0bd8fa
```
#0bd8fa rgb(11,216,250)
```

Monochromatic Color

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

#04b4a1
```
#04b4a1 rgb(4,180,161)
```
#04b4b0
```
#04b4b0 rgb(4,180,176)
```
#04aab4
```
#04aab4 rgb(4,170,180)
```
#049bb4
```
#049bb4 rgb(4,155,180)
```
#048cb4
```
#048cb4 rgb(4,140,180)
```
#047eb4
```
#047eb4 rgb(4,126,180)
```
#046fb4
```
#046fb4 rgb(4,111,180)
```

Similar Colors

Text with hexadecimal color #049bb4

This text has a font color of #049bb4.

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

#049bb4 background color

This paragraph has a background color of #049bb4.

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

#049bb4 border color

This element has a border color of #049bb4.

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

CSS codes

.text {color:#049bb4;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#01171a
```
#01171a rgb(1,23,26)
```
#01272e
```
#01272e rgb(1,39,46)
```
#013841
```
#013841 rgb(1,56,65)
```
#024854
```
#024854 rgb(2,72,84)
```
#025967
```
#025967 rgb(2,89,103)
```
#03697a
```
#03697a rgb(3,105,122)
```
#037a8e
```
#037a8e rgb(3,122,142)
```
#048aa1
```
#048aa1 rgb(4,138,161)
```
#049bb4
```
#049bb4 rgb(4,155,180)
```
#04acc7
```
#04acc7 rgb(4,172,199)
```
#05bcda
```
#05bcda rgb(5,188,218)
```
#05cdee
```
#05cdee rgb(5,205,238)
```

Shade Color Variation

#0dd8fa
```
#0dd8fa rgb(13,216,250)
```
#20dbfa
```
#20dbfa rgb(32,219,250)
```
#33defa
```
#33defa rgb(51,222,250)
```
#46e1fb
```
#46e1fb rgb(70,225,251)
```
#5ae4fb
```
#5ae4fb rgb(90,228,251)
```
#6de7fc
```
#6de7fc rgb(109,231,252)
```
#80ebfc
```
#80ebfc rgb(128,235,252)
```
#93eefd
```
#93eefd rgb(147,238,253)
```
#a6f1fd
```
#a6f1fd rgb(166,241,253)
```
#baf4fd
```
#baf4fd rgb(186,244,253)
```
#cdf7fe
```
#cdf7fe rgb(205,247,254)
```
#e0fafe
```
#e0fafe rgb(224,250,254)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#595e5f
```
#595e5f rgb(89,94,95)
```
#526366
```
#526366 rgb(82,99,102)
```
#4b686d
```
#4b686d rgb(75,104,109)
```
#446d74
```
#446d74 rgb(68,109,116)
```
#3d727b
```
#3d727b rgb(61,114,123)
```
#367882
```
#367882 rgb(54,120,130)
```
#2e7d8a
```
#2e7d8a rgb(46,125,138)
```
#278291
```
#278291 rgb(39,130,145)
```
#208798
```
#208798 rgb(32,135,152)
```
#198c9f
```
#198c9f rgb(25,140,159)
```
#1291a6
```
#1291a6 rgb(18,145,166)
```
#0b96ad
```
#0b96ad rgb(11,150,173)
```
#049bb4
```
#049bb4 rgb(4,155,180)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#5b797e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c91ae Protanopia 1% of men
#8891bd Deuteranopia 1% of men
#00a1ad Tritanopia 0.001% of the population

Trichromacy

#5a95b0 Protanomaly 1% of men, 0.01% of women
#5894ba Deuteranomaly 6% of men, 0.4% of women
#019faf Tritanomaly 0.01% of the population

#049bb4 hex color

#049bb4 Color Information

#049bb4 Color Conversion

Color Schemes with #049bb4

Alternatives to #049bb4

#049bb4 Preview

Shades and Tints of #049bb4

Tones of #049bb4

Color Blindness Simulator