#04a2fb hex color

In a RGB color space, hex #04a2fb is composed of 1.6% red, 63.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 35.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 201.6 degrees, a saturation of 96.9% and a lightness of 50%. #04a2fb color hex could be obtained by blending #08ffff with #0045f7. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 2
- G 64
- B 98
RGB color chart
- C 98
- M 35
- Y 0
- K 2
CMYK color chart

● #04a2fb color description : Vivid blue.

The hexadecimal color #04a2fb has RGB values of R:4, G:162, B:251 and CMYK values of C:0.98, M:0.35, Y:0, K:0.02. Its decimal value is 303867.

Hex triplet	04a2fb	`#04a2fb`
RGB Decimal	4, 162, 251	`rgb(4,162,251)`
RGB Percent	1.6, 63.5, 98.4	`rgb(1.6%,63.5%,98.4%)`
CMYK	98, 35, 0, 2
HSL	201.6°, 96.9, 50	`hsl(201.6,96.9%,50%)`
HSV (or HSB)	201.6°, 98.4, 98.4
Web Safe	0099ff	`#0099ff`

CIE-LAB	64.022, -3.063, -53.808
XYZ	30.379, 32.829, 95.997
xyY	0.191, 0.206, 32.829
CIE-LCH	64.022, 53.895, 266.742
CIE-LUV	64.022, -39.924, -86.502
Hunter-Lab	57.296, -5.627, -59.23
Binary	00000100, 10100010, 11111011

#04a2fb
```
#04a2fb rgb(4,162,251)
```
#fb5d04
```
#fb5d04 rgb(251,93,4)
```

Complementary Color

#04fbd9
```
#04fbd9 rgb(4,251,217)
```
#04a2fb
```
#04a2fb rgb(4,162,251)
```
#0426fb
```
#0426fb rgb(4,38,251)
```

Analogous Color

#fbd904
```
#fbd904 rgb(251,217,4)
```
#04a2fb
```
#04a2fb rgb(4,162,251)
```
#fb0426
```
#fb0426 rgb(251,4,38)
```

Split Complementary Color

#a2fb04
```
#a2fb04 rgb(162,251,4)
```
#04a2fb
```
#04a2fb rgb(4,162,251)
```
#fb04a2
```
#fb04a2 rgb(251,4,162)
```

Triadic Color

#04fb5d
```
#04fb5d rgb(4,251,93)
```
#04a2fb
```
#04a2fb rgb(4,162,251)
```
#fb04a2
```
#fb04a2 rgb(251,4,162)
```
#fb5d04
```
#fb5d04 rgb(251,93,4)
```

Tetradic Color

#0371b0
```
#0371b0 rgb(3,113,176)
```
#0382c9
```
#0382c9 rgb(3,130,201)
```
#0492e2
```
#0492e2 rgb(4,146,226)
```
#04a2fb
```
#04a2fb rgb(4,162,251)
```
#1dabfb
```
#1dabfb rgb(29,171,251)
```
#36b5fc
```
#36b5fc rgb(54,181,252)
```
#4fbefc
```
#4fbefc rgb(79,190,252)
```

Monochromatic Color

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

#04e0fb
```
#04e0fb rgb(4,224,251)
```
#04cbfb
```
#04cbfb rgb(4,203,251)
```
#04b7fb
```
#04b7fb rgb(4,183,251)
```
#04a2fb
```
#04a2fb rgb(4,162,251)
```
#048dfb
```
#048dfb rgb(4,141,251)
```
#0479fb
```
#0479fb rgb(4,121,251)
```
#0464fb
```
#0464fb rgb(4,100,251)
```

Similar Colors

Text with hexadecimal color #04a2fb

This text has a font color of #04a2fb.

<span style="color:#04a2fb;">Text here</span>

#04a2fb background color

This paragraph has a background color of #04a2fb.

<p style="background-color:#04a2fb;">Content here</p>

#04a2fb border color

This element has a border color of #04a2fb.

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

CSS codes

.text {color:#04a2fb;}

.background {background-color:#04a2fb;}

.border {border:1px solid #04a2fb;}

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, #000c13 is the darkest color, while #ffffff is the lightest one.

#000c13
```
#000c13 rgb(0,12,19)
```
#011927
```
#011927 rgb(1,25,39)
```
#01253a
```
#01253a rgb(1,37,58)
```
#01324d
```
#01324d rgb(1,50,77)
```
#023e61
```
#023e61 rgb(2,62,97)
```
#024b74
```
#024b74 rgb(2,75,116)
```
#025787
```
#025787 rgb(2,87,135)
```
#02649a
```
#02649a rgb(2,100,154)
```
#0370ae
```
#0370ae rgb(3,112,174)
```
#037dc1
```
#037dc1 rgb(3,125,193)
```
#0389d4
```
#0389d4 rgb(3,137,212)
```
#0496e8
```
#0496e8 rgb(4,150,232)
```
#04a2fb
```
#04a2fb rgb(4,162,251)
```

Shade Color Variation

#17a9fb
```
#17a9fb rgb(23,169,251)
```
#2bb0fc
```
#2bb0fc rgb(43,176,252)
```
#3eb7fc
```
#3eb7fc rgb(62,183,252)
```
#51bffc
```
#51bffc rgb(81,191,252)
```
#65c6fd
```
#65c6fd rgb(101,198,253)
```
#78cdfd
```
#78cdfd rgb(120,205,253)
```
#8bd4fd
```
#8bd4fd rgb(139,212,253)
```
#9edbfd
```
#9edbfd rgb(158,219,253)
```
#b2e2fe
```
#b2e2fe rgb(178,226,254)
```
#c5eafe
```
#c5eafe rgb(197,234,254)
```
#d8f1fe
```
#d8f1fe rgb(216,241,254)
```
#ecf8ff
```
#ecf8ff rgb(236,248,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8185 is the less saturated color, while #04a2fb is the most saturated one.

#7a8185
```
#7a8185 rgb(122,129,133)
```
#70848f
```
#70848f rgb(112,132,143)
```
#668799
```
#668799 rgb(102,135,153)
```
#5c89a3
```
#5c89a3 rgb(92,137,163)
```
#528cad
```
#528cad rgb(82,140,173)
```
#498fb6
```
#498fb6 rgb(73,143,182)
```
#3f92c0
```
#3f92c0 rgb(63,146,192)
```
#3594ca
```
#3594ca rgb(53,148,202)
```
#2b97d4
```
#2b97d4 rgb(43,151,212)
```
#219ade
```
#219ade rgb(33,154,222)
```
#189de7
```
#189de7 rgb(24,157,231)
```
#0e9ff1
```
#0e9ff1 rgb(14,159,241)
```
#04a2fb
```
#04a2fb rgb(4,162,251)
```

Tone Color Variation

Below, you can see how #04a2fb 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

#7d7d7d Achromatopsia 0.005% of the population
#658496 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c9df3 Protanopia 1% of men
#5ca1fd Deuteranopia 1% of men
#00b0bb Tritanopia 0.001% of the population

Trichromacy

#509ff6 Protanomaly 1% of men, 0.01% of women
#3ca1fc Deuteranomaly 6% of men, 0.4% of women
#01aad2 Tritanomaly 0.01% of the population

#04a2fb hex color

#04a2fb Color Information

#04a2fb Color Conversion

Color Schemes with #04a2fb

Alternatives to #04a2fb

#04a2fb Preview

Shades and Tints of #04a2fb

Tones of #04a2fb

Color Blindness Simulator