#04b4f1 hex color

In a RGB color space, hex #04b4f1 is composed of 1.6% red, 70.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 25.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 195.4 degrees, a saturation of 96.7% and a lightness of 48%. #04b4f1 color hex could be obtained by blending #08ffff with #0069e3. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 2
- G 71
- B 95
RGB color chart
- C 98
- M 25
- Y 0
- K 5
CMYK color chart

● #04b4f1 color description : Vivid blue.

The hexadecimal color #04b4f1 has RGB values of R:4, G:180, B:241 and CMYK values of C:0.98, M:0.25, Y:0, K:0.05. Its decimal value is 308465.

Hex triplet	04b4f1	`#04b4f1`
RGB Decimal	4, 180, 241	`rgb(4,180,241)`
RGB Percent	1.6, 70.6, 94.5	`rgb(1.6%,70.6%,94.5%)`
CMYK	98, 25, 0, 5
HSL	195.4°, 96.7, 48	`hsl(195.4,96.7%,48%)`
HSV (or HSB)	195.4°, 98.3, 94.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	68.763, -16.638, -40.888
XYZ	32.244, 39.016, 89.046
xyY	0.201, 0.243, 39.016
CIE-LCH	68.763, 44.144, 247.857
CIE-LUV	68.763, -46.52, -63.82
Hunter-Lab	62.463, -17.165, -40.799
Binary	00000100, 10110100, 11110001

#04b4f1
```
#04b4f1 rgb(4,180,241)
```
#f14104
```
#f14104 rgb(241,65,4)
```

Complementary Color

#04f1b8
```
#04f1b8 rgb(4,241,184)
```
#04b4f1
```
#04b4f1 rgb(4,180,241)
```
#043df1
```
#043df1 rgb(4,61,241)
```

Analogous Color

#f1b804
```
#f1b804 rgb(241,184,4)
```
#04b4f1
```
#04b4f1 rgb(4,180,241)
```
#f1043e
```
#f1043e rgb(241,4,62)
```

Split Complementary Color

#b4f104
```
#b4f104 rgb(180,241,4)
```
#04b4f1
```
#04b4f1 rgb(4,180,241)
```
#f104b4
```
#f104b4 rgb(241,4,180)
```

Triadic Color

#04f141
```
#04f141 rgb(4,241,65)
```
#04b4f1
```
#04b4f1 rgb(4,180,241)
```
#f104b4
```
#f104b4 rgb(241,4,180)
```
#f14104
```
#f14104 rgb(241,65,4)
```

Tetradic Color

#037ca6
```
#037ca6 rgb(3,124,166)
```
#038fbf
```
#038fbf rgb(3,143,191)
```
#04a1d8
```
#04a1d8 rgb(4,161,216)
```
#04b4f1
```
#04b4f1 rgb(4,180,241)
```
#13bffb
```
#13bffb rgb(19,191,251)
```
#2cc6fc
```
#2cc6fc rgb(44,198,252)
```
#46cdfc
```
#46cdfc rgb(70,205,252)
```

Monochromatic Color

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

#04eff1
```
#04eff1 rgb(4,239,241)
```
#04dcf1
```
#04dcf1 rgb(4,220,241)
```
#04c8f1
```
#04c8f1 rgb(4,200,241)
```
#04b4f1
```
#04b4f1 rgb(4,180,241)
```
#04a0f1
```
#04a0f1 rgb(4,160,241)
```
#048df1
```
#048df1 rgb(4,141,241)
```
#0479f1
```
#0479f1 rgb(4,121,241)
```

Similar Colors

Text with hexadecimal color #04b4f1

This text has a font color of #04b4f1.

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

#04b4f1 background color

This paragraph has a background color of #04b4f1.

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

#04b4f1 border color

This element has a border color of #04b4f1.

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

CSS codes

.text {color:#04b4f1;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#00151d
```
#00151d rgb(0,21,29)
```
#012430
```
#012430 rgb(1,36,48)
```
#013243
```
#013243 rgb(1,50,67)
```
#014157
```
#014157 rgb(1,65,87)
```
#024f6a
```
#024f6a rgb(2,79,106)
```
#025e7d
```
#025e7d rgb(2,94,125)
```
#026c91
```
#026c91 rgb(2,108,145)
```
#037aa4
```
#037aa4 rgb(3,122,164)
```
#0389b7
```
#0389b7 rgb(3,137,183)
```
#0397ca
```
#0397ca rgb(3,151,202)
```
#04a6de
```
#04a6de rgb(4,166,222)
```
#04b4f1
```
#04b4f1 rgb(4,180,241)
```

Shade Color Variation

#0ebefb
```
#0ebefb rgb(14,190,251)
```
#21c3fb
```
#21c3fb rgb(33,195,251)
```
#34c8fc
```
#34c8fc rgb(52,200,252)
```
#48cefc
```
#48cefc rgb(72,206,252)
```
#5bd3fc
```
#5bd3fc rgb(91,211,252)
```
#6ed8fd
```
#6ed8fd rgb(110,216,253)
```
#81ddfd
```
#81ddfd rgb(129,221,253)
```
#95e2fd
```
#95e2fd rgb(149,226,253)
```
#a8e8fe
```
#a8e8fe rgb(168,232,254)
```
#bbedfe
```
#bbedfe rgb(187,237,254)
```
#cff2fe
```
#cff2fe rgb(207,242,254)
```
#e2f7ff
```
#e2f7ff rgb(226,247,255)
```
#f5fcff
```
#f5fcff rgb(245,252,255)
```

Tint Color Variation

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

#757d80
```
#757d80 rgb(117,125,128)
```
#6c8289
```
#6c8289 rgb(108,130,137)
```
#628693
```
#628693 rgb(98,134,147)
```
#598b9c
```
#598b9c rgb(89,139,156)
```
#4f8fa6
```
#4f8fa6 rgb(79,143,166)
```
#4694af
```
#4694af rgb(70,148,175)
```
#3d99b8
```
#3d99b8 rgb(61,153,184)
```
#339dc2
```
#339dc2 rgb(51,157,194)
```
#2aa2cb
```
#2aa2cb rgb(42,162,203)
```
#20a6d5
```
#20a6d5 rgb(32,166,213)
```
#17abde
```
#17abde rgb(23,171,222)
```
#0dafe8
```
#0dafe8 rgb(13,175,232)
```
#04b4f1
```
#04b4f1 rgb(4,180,241)
```

Tone Color Variation

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

#98aae7 Protanopia 1% of men
#88abf6 Deuteranopia 1% of men
#00bdc9 Tritanopia 0.001% of the population

Trichromacy

#62adeb Protanomaly 1% of men, 0.01% of women
#58aef4 Deuteranomaly 6% of men, 0.4% of women
#01b9d8 Tritanomaly 0.01% of the population

#04b4f1 hex color

#04b4f1 Color Information

#04b4f1 Color Conversion

Color Schemes with #04b4f1

Alternatives to #04b4f1

#04b4f1 Preview

Shades and Tints of #04b4f1

Tones of #04b4f1

Color Blindness Simulator