#04b3f0 hex color

In a RGB color space, hex #04b3f0 is composed of 1.6% red, 70.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 25.4% magenta, 0% yellow and 5.9% black. It has a hue angle of 195.5 degrees, a saturation of 96.7% and a lightness of 47.8%. #04b3f0 color hex could be obtained by blending #08ffff with #0067e1. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 2
- G 70
- B 94
RGB color chart
- C 98
- M 25
- Y 0
- K 6
CMYK color chart

● #04b3f0 color description : Vivid blue.

The hexadecimal color #04b3f0 has RGB values of R:4, G:179, B:240 and CMYK values of C:0.98, M:0.25, Y:0, K:0.06. Its decimal value is 308208.

Hex triplet	04b3f0	`#04b3f0`
RGB Decimal	4, 179, 240	`rgb(4,179,240)`
RGB Percent	1.6, 70.2, 94.1	`rgb(1.6%,70.2%,94.1%)`
CMYK	98, 25, 0, 6
HSL	195.5°, 96.7, 47.8	`hsl(195.5,96.7%,47.8%)`
HSV (or HSB)	195.5°, 98.3, 94.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	68.427, -16.458, -40.869
XYZ	31.894, 38.554, 88.194
xyY	0.201, 0.243, 38.554
CIE-LCH	68.427, 44.058, 248.066
CIE-LUV	68.427, -46.259, -63.766
Hunter-Lab	62.092, -16.972, -40.75
Binary	00000100, 10110011, 11110000

#04b3f0
```
#04b3f0 rgb(4,179,240)
```
#f04104
```
#f04104 rgb(240,65,4)
```

Complementary Color

#04f0b7
```
#04f0b7 rgb(4,240,183)
```
#04b3f0
```
#04b3f0 rgb(4,179,240)
```
#043df0
```
#043df0 rgb(4,61,240)
```

Analogous Color

#f0b704
```
#f0b704 rgb(240,183,4)
```
#04b3f0
```
#04b3f0 rgb(4,179,240)
```
#f0043d
```
#f0043d rgb(240,4,61)
```

Split Complementary Color

#b3f004
```
#b3f004 rgb(179,240,4)
```
#04b3f0
```
#04b3f0 rgb(4,179,240)
```
#f004b3
```
#f004b3 rgb(240,4,179)
```

Triadic Color

#04f041
```
#04f041 rgb(4,240,65)
```
#04b3f0
```
#04b3f0 rgb(4,179,240)
```
#f004b3
```
#f004b3 rgb(240,4,179)
```
#f04104
```
#f04104 rgb(240,65,4)
```

Tetradic Color

#037ba5
```
#037ba5 rgb(3,123,165)
```
#038ebe
```
#038ebe rgb(3,142,190)
```
#04a0d7
```
#04a0d7 rgb(4,160,215)
```
#04b3f0
```
#04b3f0 rgb(4,179,240)
```
#12bffb
```
#12bffb rgb(18,191,251)
```
#2cc6fb
```
#2cc6fb rgb(44,198,251)
```
#45cdfc
```
#45cdfc rgb(69,205,252)
```

Monochromatic Color

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

#04eef0
```
#04eef0 rgb(4,238,240)
```
#04daf0
```
#04daf0 rgb(4,218,240)
```
#04c7f0
```
#04c7f0 rgb(4,199,240)
```
#04b3f0
```
#04b3f0 rgb(4,179,240)
```
#049ff0
```
#049ff0 rgb(4,159,240)
```
#048cf0
```
#048cf0 rgb(4,140,240)
```
#0478f0
```
#0478f0 rgb(4,120,240)
```

Similar Colors

Text with hexadecimal color #04b3f0

This text has a font color of #04b3f0.

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

#04b3f0 background color

This paragraph has a background color of #04b3f0.

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

#04b3f0 border color

This element has a border color of #04b3f0.

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

CSS codes

.text {color:#04b3f0;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#00151c
```
#00151c rgb(0,21,28)
```
#01232f
```
#01232f rgb(1,35,47)
```
#013142
```
#013142 rgb(1,49,66)
```
#014056
```
#014056 rgb(1,64,86)
```
#024e69
```
#024e69 rgb(2,78,105)
```
#025d7c
```
#025d7c rgb(2,93,124)
```
#026b90
```
#026b90 rgb(2,107,144)
```
#0379a3
```
#0379a3 rgb(3,121,163)
```
#0388b6
```
#0388b6 rgb(3,136,182)
```
#0396c9
```
#0396c9 rgb(3,150,201)
```
#04a5dd
```
#04a5dd rgb(4,165,221)
```
#04b3f0
```
#04b3f0 rgb(4,179,240)
```

Shade Color Variation

#0dbdfb
```
#0dbdfb rgb(13,189,251)
```
#20c3fb
```
#20c3fb rgb(32,195,251)
```
#33c8fc
```
#33c8fc rgb(51,200,252)
```
#47cdfc
```
#47cdfc rgb(71,205,252)
```
#5ad2fc
```
#5ad2fc rgb(90,210,252)
```
#6dd7fd
```
#6dd7fd rgb(109,215,253)
```
#80ddfd
```
#80ddfd rgb(128,221,253)
```
#94e2fd
```
#94e2fd rgb(148,226,253)
```
#a7e7fe
```
#a7e7fe rgb(167,231,254)
```
#baecfe
```
#baecfe rgb(186,236,254)
```
#cef2fe
```
#cef2fe rgb(206,242,254)
```
#e1f7fe
```
#e1f7fe rgb(225,247,254)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#757d7f
```
#757d7f rgb(117,125,127)
```
#6b8189
```
#6b8189 rgb(107,129,137)
```
#628692
```
#628692 rgb(98,134,146)
```
#588a9c
```
#588a9c rgb(88,138,156)
```
#4f8fa5
```
#4f8fa5 rgb(79,143,165)
```
#4693ae
```
#4693ae rgb(70,147,174)
```
#3c98b8
```
#3c98b8 rgb(60,152,184)
```
#339cc1
```
#339cc1 rgb(51,156,193)
```
#2aa1ca
```
#2aa1ca rgb(42,161,202)
```
#20a5d4
```
#20a5d4 rgb(32,165,212)
```
#17aadd
```
#17aadd rgb(23,170,221)
```
#0daee7
```
#0daee7 rgb(13,174,231)
```
#04b3f0
```
#04b3f0 rgb(4,179,240)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6c8f9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a9e7 Protanopia 1% of men
#87aaf5 Deuteranopia 1% of men
#00bcc8 Tritanopia 0.001% of the population

Trichromacy

#61acea Protanomaly 1% of men, 0.01% of women
#57adf3 Deuteranomaly 6% of men, 0.4% of women
#01b8d7 Tritanomaly 0.01% of the population

#04b3f0 hex color

#04b3f0 Color Information

#04b3f0 Color Conversion

Color Schemes with #04b3f0

Alternatives to #04b3f0

#04b3f0 Preview

Shades and Tints of #04b3f0

Tones of #04b3f0

Color Blindness Simulator