#04bcf2 hex color

In a RGB color space, hex #04bcf2 is composed of 1.6% red, 73.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 22.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 193.6 degrees, a saturation of 96.7% and a lightness of 48.2%. #04bcf2 color hex could be obtained by blending #08ffff with #0079e5. Closest websafe color is: #00ccff.

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

● #04bcf2 color description : Vivid cyan.

The hexadecimal color #04bcf2 has RGB values of R:4, G:188, B:242 and CMYK values of C:0.98, M:0.22, Y:0, K:0.05. Its decimal value is 310514.

Hex triplet	04bcf2	`#04bcf2`
RGB Decimal	4, 188, 242	`rgb(4,188,242)`
RGB Percent	1.6, 73.7, 94.9	`rgb(1.6%,73.7%,94.9%)`
CMYK	98, 22, 0, 5
HSL	193.6°, 96.7, 48.2	`hsl(193.6,96.7%,48.2%)`
HSV (or HSB)	193.6°, 98.3, 94.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	71.146, -20.497, -37.716
XYZ	34.056, 42.4, 90.389
xyY	0.204, 0.254, 42.4
CIE-LCH	71.146, 42.925, 241.478
CIE-LUV	71.146, -49.119, -58.182
Hunter-Lab	65.115, -20.593, -36.722
Binary	00000100, 10111100, 11110010

#04bcf2
```
#04bcf2 rgb(4,188,242)
```
#f23a04
```
#f23a04 rgb(242,58,4)
```

Complementary Color

#04f2b1
```
#04f2b1 rgb(4,242,177)
```
#04bcf2
```
#04bcf2 rgb(4,188,242)
```
#0445f2
```
#0445f2 rgb(4,69,242)
```

Analogous Color

#f2b104
```
#f2b104 rgb(242,177,4)
```
#04bcf2
```
#04bcf2 rgb(4,188,242)
```
#f20445
```
#f20445 rgb(242,4,69)
```

Split Complementary Color

#bcf204
```
#bcf204 rgb(188,242,4)
```
#04bcf2
```
#04bcf2 rgb(4,188,242)
```
#f204bc
```
#f204bc rgb(242,4,188)
```

Triadic Color

#04f23a
```
#04f23a rgb(4,242,58)
```
#04bcf2
```
#04bcf2 rgb(4,188,242)
```
#f204bc
```
#f204bc rgb(242,4,188)
```
#f23a04
```
#f23a04 rgb(242,58,4)
```

Tetradic Color

#0382a7
```
#0382a7 rgb(3,130,167)
```
#0395c0
```
#0395c0 rgb(3,149,192)
```
#04a9d9
```
#04a9d9 rgb(4,169,217)
```
#04bcf2
```
#04bcf2 rgb(4,188,242)
```
#14c7fb
```
#14c7fb rgb(20,199,251)
```
#2dcdfc
```
#2dcdfc rgb(45,205,252)
```
#47d3fc
```
#47d3fc rgb(71,211,252)
```

Monochromatic Color

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

#04f2ed
```
#04f2ed rgb(4,242,237)
```
#04e4f2
```
#04e4f2 rgb(4,228,242)
```
#04d0f2
```
#04d0f2 rgb(4,208,242)
```
#04bcf2
```
#04bcf2 rgb(4,188,242)
```
#04a8f2
```
#04a8f2 rgb(4,168,242)
```
#0494f2
```
#0494f2 rgb(4,148,242)
```
#0481f2
```
#0481f2 rgb(4,129,242)
```

Similar Colors

Text with hexadecimal color #04bcf2

This text has a font color of #04bcf2.

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

#04bcf2 background color

This paragraph has a background color of #04bcf2.

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

#04bcf2 border color

This element has a border color of #04bcf2.

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

CSS codes

.text {color:#04bcf2;}

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

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

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

#00080a
```
#00080a rgb(0,8,10)
```
#00171e
```
#00171e rgb(0,23,30)
```
#012631
```
#012631 rgb(1,38,49)
```
#013544
```
#013544 rgb(1,53,68)
```
#014458
```
#014458 rgb(1,68,88)
```
#02536b
```
#02536b rgb(2,83,107)
```
#02627e
```
#02627e rgb(2,98,126)
```
#027192
```
#027192 rgb(2,113,146)
```
#0380a5
```
#0380a5 rgb(3,128,165)
```
#038fb8
```
#038fb8 rgb(3,143,184)
```
#039ecb
```
#039ecb rgb(3,158,203)
```
#04addf
```
#04addf rgb(4,173,223)
```
#04bcf2
```
#04bcf2 rgb(4,188,242)
```

Shade Color Variation

#0fc5fb
```
#0fc5fb rgb(15,197,251)
```
#22cafb
```
#22cafb rgb(34,202,251)
```
#35cffc
```
#35cffc rgb(53,207,252)
```
#48d3fc
```
#48d3fc rgb(72,211,252)
```
#5cd8fc
```
#5cd8fc rgb(92,216,252)
```
#6fddfd
```
#6fddfd rgb(111,221,253)
```
#82e1fd
```
#82e1fd rgb(130,225,253)
```
#96e6fd
```
#96e6fd rgb(150,230,253)
```
#a9eafe
```
#a9eafe rgb(169,234,254)
```
#bceffe
```
#bceffe rgb(188,239,254)
```
#d0f4fe
```
#d0f4fe rgb(208,244,254)
```
#e3f8ff
```
#e3f8ff rgb(227,248,255)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

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

#767e80
```
#767e80 rgb(118,126,128)
```
#6c838a
```
#6c838a rgb(108,131,138)
```
#638893
```
#638893 rgb(99,136,147)
```
#598d9d
```
#598d9d rgb(89,141,157)
```
#5093a6
```
#5093a6 rgb(80,147,166)
```
#4698b0
```
#4698b0 rgb(70,152,176)
```
#3d9db9
```
#3d9db9 rgb(61,157,185)
```
#33a2c3
```
#33a2c3 rgb(51,162,195)
```
#2aa7cc
```
#2aa7cc rgb(42,167,204)
```
#20acd6
```
#20acd6 rgb(32,172,214)
```
#17b2df
```
#17b2df rgb(23,178,223)
```
#0db7e9
```
#0db7e9 rgb(13,183,233)
```
#04bcf2
```
#04bcf2 rgb(4,188,242)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7095a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b0e8 Protanopia 1% of men
#94b1f8 Deuteranopia 1% of men
#00c3d1 Tritanopia 0.001% of the population

Trichromacy

#68b4eb Protanomaly 1% of men, 0.01% of women
#60b5f6 Deuteranomaly 6% of men, 0.4% of women
#01c0dd Tritanomaly 0.01% of the population

#04bcf2 hex color

#04bcf2 Color Information

#04bcf2 Color Conversion

Color Schemes with #04bcf2

Alternatives to #04bcf2

#04bcf2 Preview

Shades and Tints of #04bcf2

Tones of #04bcf2

Color Blindness Simulator