colorhexa.com

#04b1ef hex color

In a RGB color space, hex #04b1ef is composed of 1.6% red, 69.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 25.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 195.8 degrees, a saturation of 96.7% and a lightness of 47.6%. #04b1ef color hex could be obtained by blending #08ffff with #0063df. Closest websafe color is: #0099ff.

- R 2
- G 69
- B 94
RGB color chart
- C 98
- M 26
- Y 0
- K 6
CMYK color chart

● #04b1ef color description : Vivid blue.

The hexadecimal color #04b1ef has RGB values of R:4, G:177, B:239 and CMYK values of C:0.98, M:0.26, Y:0, K:0.06. Its decimal value is 307695.

Hex triplet	04b1ef	`#04b1ef`
RGB Decimal	4, 177, 239	`rgb(4,177,239)`
RGB Percent	1.6, 69.4, 93.7	`rgb(1.6%,69.4%,93.7%)`
CMYK	98, 26, 0, 6
HSL	195.8°, 96.7, 47.6	`hsl(195.8,96.7%,47.6%)`
HSV (or HSB)	195.8°, 98.3, 93.7
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.798, -15.742, -41.308
XYZ	31.348, 37.699, 87.281
xyY	0.201, 0.241, 37.699
CIE-LCH	67.798, 44.206, 249.139
CIE-LUV	67.798, -45.664, -64.52
Hunter-Lab	61.4, -16.314, -41.303
Binary	00000100, 10110001, 11101111

#04b1ef
```
#04b1ef rgb(4,177,239)
```
#ef4204
```
#ef4204 rgb(239,66,4)
```

Complementary Color

#04efb8
```
#04efb8 rgb(4,239,184)
```
#04b1ef
```
#04b1ef rgb(4,177,239)
```
#043cef
```
#043cef rgb(4,60,239)
```

Analogous Color

#efb804
```
#efb804 rgb(239,184,4)
```
#04b1ef
```
#04b1ef rgb(4,177,239)
```
#ef043c
```
#ef043c rgb(239,4,60)
```

Split Complementary Color

#b1ef04
```
#b1ef04 rgb(177,239,4)
```
#04b1ef
```
#04b1ef rgb(4,177,239)
```
#ef04b1
```
#ef04b1 rgb(239,4,177)
```

Triadic Color

#0379a4
```
#0379a4 rgb(3,121,164)
```
#038cbd
```
#038cbd rgb(3,140,189)
```
#049ed6
```
#049ed6 rgb(4,158,214)
```
#04b1ef
```
#04b1ef rgb(4,177,239)
```
#11bdfb
```
#11bdfb rgb(17,189,251)
```
#2bc4fb
```
#2bc4fb rgb(43,196,251)
```
#44cbfc
```
#44cbfc rgb(68,203,252)
```

Monochromatic Color

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

#04ecef
```
#04ecef rgb(4,236,239)
```
#04d8ef
```
#04d8ef rgb(4,216,239)
```
#04c5ef
```
#04c5ef rgb(4,197,239)
```
#04b1ef
```
#04b1ef rgb(4,177,239)
```
#049def
```
#049def rgb(4,157,239)
```
#048aef
```
#048aef rgb(4,138,239)
```
#0476ef
```
#0476ef rgb(4,118,239)
```

Similar Colors

Text with hexadecimal color #04b1ef

This text has a font color of #04b1ef.

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

#04b1ef background color

This paragraph has a background color of #04b1ef.

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

#04b1ef border color

This element has a border color of #04b1ef.

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

CSS codes

.text {color:#04b1ef;}

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

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

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 #f3fcff is the lightest one.

#000607
```
#000607 rgb(0,6,7)
```
#00141b
```
#00141b rgb(0,20,27)
```
#01222e
```
#01222e rgb(1,34,46)
```
#013041
```
#013041 rgb(1,48,65)
```
#013f55
```
#013f55 rgb(1,63,85)
```
#024d68
```
#024d68 rgb(2,77,104)
```
#025b7b
```
#025b7b rgb(2,91,123)
```
#026a8f
```
#026a8f rgb(2,106,143)
```
#0378a2
```
#0378a2 rgb(3,120,162)
```
#0386b5
```
#0386b5 rgb(3,134,181)
```
#0394c8
```
#0394c8 rgb(3,148,200)
```
#04a3dc
```
#04a3dc rgb(4,163,220)
```
#04b1ef
```
#04b1ef rgb(4,177,239)
```

Shade Color Variation

#0cbcfb
```
#0cbcfb rgb(12,188,251)
```
#1fc1fb
```
#1fc1fb rgb(31,193,251)
```
#32c6fc
```
#32c6fc rgb(50,198,252)
```
#46ccfc
```
#46ccfc rgb(70,204,252)
```
#59d1fc
```
#59d1fc rgb(89,209,252)
```
#6cd6fd
```
#6cd6fd rgb(108,214,253)
```
#7fdcfd
```
#7fdcfd rgb(127,220,253)
```
#93e1fd
```
#93e1fd rgb(147,225,253)
```
#a6e6fe
```
#a6e6fe rgb(166,230,254)
```
#b9ecfe
```
#b9ecfe rgb(185,236,254)
```
#cdf1fe
```
#cdf1fe rgb(205,241,254)
```
#e0f6fe
```
#e0f6fe rgb(224,246,254)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#747c7f
```
#747c7f rgb(116,124,127)
```
#6b8088
```
#6b8088 rgb(107,128,136)
```
#618592
```
#618592 rgb(97,133,146)
```
#58899b
```
#58899b rgb(88,137,155)
```
#4f8ea4
```
#4f8ea4 rgb(79,142,164)
```
#4592ae
```
#4592ae rgb(69,146,174)
```
#3c97b7
```
#3c97b7 rgb(60,151,183)
```
#339bc0
```
#339bc0 rgb(51,155,192)
```
#299fca
```
#299fca rgb(41,159,202)
```
#20a4d3
```
#20a4d3 rgb(32,164,211)
```
#17a8dc
```
#17a8dc rgb(23,168,220)
```
#0dade6
```
#0dade6 rgb(13,173,230)
```
#04b1ef
```
#04b1ef rgb(4,177,239)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6a8d99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a7e6 Protanopia 1% of men
#84a9f4 Deuteranopia 1% of men
#00bac6 Tritanopia 0.001% of the population

Trichromacy

#60abe9 Protanomaly 1% of men, 0.01% of women
#56abf2 Deuteranomaly 6% of men, 0.4% of women
#01b6d5 Tritanomaly 0.01% of the population