colorhexa.com

#049ef2 hex color

In a RGB color space, hex #049ef2 is composed of 1.6% red, 62% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 34.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 201.2 degrees, a saturation of 96.7% and a lightness of 48.2%. #049ef2 color hex could be obtained by blending #08ffff with #003de5. Closest websafe color is: #0099ff.

- R 2
- G 62
- B 95
RGB color chart
- C 98
- M 35
- Y 0
- K 5
CMYK color chart

● #049ef2 color description : Vivid blue.

The hexadecimal color #049ef2 has RGB values of R:4, G:158, B:242 and CMYK values of C:0.98, M:0.35, Y:0, K:0.05. Its decimal value is 302834.

Hex triplet	049ef2	`#049ef2`
RGB Decimal	4, 158, 242	`rgb(4,158,242)`
RGB Percent	1.6, 62, 94.9	`rgb(1.6%,62%,94.9%)`
CMYK	98, 35, 0, 5
HSL	201.2°, 96.7, 48.2	`hsl(201.2,96.7%,48.2%)`
HSV (or HSB)	201.2°, 98.3, 94.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	62.413, -4.109, -51.433
XYZ	28.3, 30.888, 88.47
xyY	0.192, 0.209, 30.888
CIE-LCH	62.413, 51.597, 265.432
CIE-LUV	62.413, -39.194, -82.048
Hunter-Lab	55.577, -6.366, -55.477
Binary	00000100, 10011110, 11110010

#049ef2
```
#049ef2 rgb(4,158,242)
```
#f25804
```
#f25804 rgb(242,88,4)
```

Complementary Color

#04f2cf
```
#04f2cf rgb(4,242,207)
```
#049ef2
```
#049ef2 rgb(4,158,242)
```
#0427f2
```
#0427f2 rgb(4,39,242)
```

Analogous Color

#f2cf04
```
#f2cf04 rgb(242,207,4)
```
#049ef2
```
#049ef2 rgb(4,158,242)
```
#f20427
```
#f20427 rgb(242,4,39)
```

Split Complementary Color

#9ef204
```
#9ef204 rgb(158,242,4)
```
#049ef2
```
#049ef2 rgb(4,158,242)
```
#f2049e
```
#f2049e rgb(242,4,158)
```

Triadic Color

#036da7
```
#036da7 rgb(3,109,167)
```
#037dc0
```
#037dc0 rgb(3,125,192)
```
#048ed9
```
#048ed9 rgb(4,142,217)
```
#049ef2
```
#049ef2 rgb(4,158,242)
```
#14aafb
```
#14aafb rgb(20,170,251)
```
#2db3fc
```
#2db3fc rgb(45,179,252)
```
#47bcfc
```
#47bcfc rgb(71,188,252)
```

Monochromatic Color

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

#04daf2
```
#04daf2 rgb(4,218,242)
```
#04c6f2
```
#04c6f2 rgb(4,198,242)
```
#04b2f2
```
#04b2f2 rgb(4,178,242)
```
#049ef2
```
#049ef2 rgb(4,158,242)
```
#048af2
```
#048af2 rgb(4,138,242)
```
#0476f2
```
#0476f2 rgb(4,118,242)
```
#0463f2
```
#0463f2 rgb(4,99,242)
```

Similar Colors

Text with hexadecimal color #049ef2

This text has a font color of #049ef2.

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

#049ef2 background color

This paragraph has a background color of #049ef2.

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

#049ef2 border color

This element has a border color of #049ef2.

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

CSS codes

.text {color:#049ef2;}

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

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

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, #00070a is the darkest color, while #f6fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#00131e
```
#00131e rgb(0,19,30)
```
#012031
```
#012031 rgb(1,32,49)
```
#012d44
```
#012d44 rgb(1,45,68)
```
#013958
```
#013958 rgb(1,57,88)
```
#02466b
```
#02466b rgb(2,70,107)
```
#02527e
```
#02527e rgb(2,82,126)
```
#025f92
```
#025f92 rgb(2,95,146)
```
#036ca5
```
#036ca5 rgb(3,108,165)
```
#0378b8
```
#0378b8 rgb(3,120,184)
```
#0385cb
```
#0385cb rgb(3,133,203)
```
#0491df
```
#0491df rgb(4,145,223)
```
#049ef2
```
#049ef2 rgb(4,158,242)
```

Shade Color Variation

#0fa8fb
```
#0fa8fb rgb(15,168,251)
```
#22affb
```
#22affb rgb(34,175,251)
```
#35b6fc
```
#35b6fc rgb(53,182,252)
```
#48bdfc
```
#48bdfc rgb(72,189,252)
```
#5cc4fc
```
#5cc4fc rgb(92,196,252)
```
#6fcbfd
```
#6fcbfd rgb(111,203,253)
```
#82d2fd
```
#82d2fd rgb(130,210,253)
```
#96d9fd
```
#96d9fd rgb(150,217,253)
```
#a9e0fe
```
#a9e0fe rgb(169,224,254)
```
#bce7fe
```
#bce7fe rgb(188,231,254)
```
#d0eefe
```
#d0eefe rgb(208,238,254)
```
#e3f5ff
```
#e3f5ff rgb(227,245,255)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#767d80
```
#767d80 rgb(118,125,128)
```
#6c7f8a
```
#6c7f8a rgb(108,127,138)
```
#638293
```
#638293 rgb(99,130,147)
```
#59859d
```
#59859d rgb(89,133,157)
```
#5088a6
```
#5088a6 rgb(80,136,166)
```
#468bb0
```
#468bb0 rgb(70,139,176)
```
#3d8db9
```
#3d8db9 rgb(61,141,185)
```
#3390c3
```
#3390c3 rgb(51,144,195)
```
#2a93cc
```
#2a93cc rgb(42,147,204)
```
#2096d6
```
#2096d6 rgb(32,150,214)
```
#1798df
```
#1798df rgb(23,152,223)
```
#0d9be9
```
#0d9be9 rgb(13,155,233)
```
#049ef2
```
#049ef2 rgb(4,158,242)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#628192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b99eb Protanopia 1% of men
#5d9df5 Deuteranopia 1% of men
#00abb6 Tritanopia 0.001% of the population

Trichromacy

#509bed Protanomaly 1% of men, 0.01% of women
#3d9df4 Deuteranomaly 6% of men, 0.4% of women
#01a6cc Tritanomaly 0.01% of the population