#04bcd6 hex color

In a RGB color space, hex #04bcd6 is composed of 1.6% red, 73.7% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 12.1% magenta, 0% yellow and 16.1% black. It has a hue angle of 187.4 degrees, a saturation of 96.3% and a lightness of 42.7%. #04bcd6 color hex could be obtained by blending #08ffff with #0079ad. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 74
- B 84
RGB color chart
- C 98
- M 12
- Y 0
- K 16
CMYK color chart

● #04bcd6 color description : Strong cyan.

The hexadecimal color #04bcd6 has RGB values of R:4, G:188, B:214 and CMYK values of C:0.98, M:0.12, Y:0, K:0.16. Its decimal value is 310486.

Hex triplet	04bcd6	`#04bcd6`
RGB Decimal	4, 188, 214	`rgb(4,188,214)`
RGB Percent	1.6, 73.7, 83.9	`rgb(1.6%,73.7%,83.9%)`
CMYK	98, 12, 0, 16
HSL	187.4°, 96.3, 42.7	`hsl(187.4,96.3%,42.7%)`
HSV (or HSB)	187.4°, 98.1, 83.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.067, -29.912, -24.148
XYZ	30.167, 40.844, 69.908
xyY	0.214, 0.29, 40.844
CIE-LCH	70.067, 38.443, 218.913
CIE-LUV	70.067, -51.283, -33.852
Hunter-Lab	63.909, -27.584, -20.119
Binary	00000100, 10111100, 11010110

#04bcd6
```
#04bcd6 rgb(4,188,214)
```
#d61e04
```
#d61e04 rgb(214,30,4)
```

Complementary Color

#04d687
```
#04d687 rgb(4,214,135)
```
#04bcd6
```
#04bcd6 rgb(4,188,214)
```
#0453d6
```
#0453d6 rgb(4,83,214)
```

Analogous Color

#d68704
```
#d68704 rgb(214,135,4)
```
#04bcd6
```
#04bcd6 rgb(4,188,214)
```
#d60453
```
#d60453 rgb(214,4,83)
```

Split Complementary Color

#bcd604
```
#bcd604 rgb(188,214,4)
```
#04bcd6
```
#04bcd6 rgb(4,188,214)
```
#d604bc
```
#d604bc rgb(214,4,188)
```

Triadic Color

#04d61e
```
#04d61e rgb(4,214,30)
```
#04bcd6
```
#04bcd6 rgb(4,188,214)
```
#d604bc
```
#d604bc rgb(214,4,188)
```
#d61e04
```
#d61e04 rgb(214,30,4)
```

Tetradic Color

#037a8b
```
#037a8b rgb(3,122,139)
```
#0390a4
```
#0390a4 rgb(3,144,164)
```
#04a6bd
```
#04a6bd rgb(4,166,189)
```
#04bcd6
```
#04bcd6 rgb(4,188,214)
```
#04d2ef
```
#04d2ef rgb(4,210,239)
```
#12defb
```
#12defb rgb(18,222,251)
```
#2be1fb
```
#2be1fb rgb(43,225,251)
```

Monochromatic Color

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

#04d6bc
```
#04d6bc rgb(4,214,188)
```
#04d6cd
```
#04d6cd rgb(4,214,205)
```
#04ced6
```
#04ced6 rgb(4,206,214)
```
#04bcd6
```
#04bcd6 rgb(4,188,214)
```
#04abd6
```
#04abd6 rgb(4,171,214)
```
#0499d6
```
#0499d6 rgb(4,153,214)
```
#0488d6
```
#0488d6 rgb(4,136,214)
```

Similar Colors

Text with hexadecimal color #04bcd6

This text has a font color of #04bcd6.

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

#04bcd6 background color

This paragraph has a background color of #04bcd6.

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

#04bcd6 border color

This element has a border color of #04bcd6.

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

CSS codes

.text {color:#04bcd6;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001315
```
#001315 rgb(0,19,21)
```
#012429
```
#012429 rgb(1,36,41)
```
#01353c
```
#01353c rgb(1,53,60)
```
#01464f
```
#01464f rgb(1,70,79)
```
#025762
```
#025762 rgb(2,87,98)
```
#026776
```
#026776 rgb(2,103,118)
```
#037889
```
#037889 rgb(3,120,137)
```
#03899c
```
#03899c rgb(3,137,156)
```
#039aaf
```
#039aaf rgb(3,154,175)
```
#04abc3
```
#04abc3 rgb(4,171,195)
```
#04bcd6
```
#04bcd6 rgb(4,188,214)
```
#04cde9
```
#04cde9 rgb(4,205,233)
```

Shade Color Variation

#07dcfa
```
#07dcfa rgb(7,220,250)
```
#1adffb
```
#1adffb rgb(26,223,251)
```
#2de2fb
```
#2de2fb rgb(45,226,251)
```
#41e4fb
```
#41e4fb rgb(65,228,251)
```
#54e7fc
```
#54e7fc rgb(84,231,252)
```
#67eafc
```
#67eafc rgb(103,234,252)
```
#7aecfd
```
#7aecfd rgb(122,236,253)
```
#8eeffd
```
#8eeffd rgb(142,239,253)
```
#a1f2fd
```
#a1f2fd rgb(161,242,253)
```
#b4f5fe
```
#b4f5fe rgb(180,245,254)
```
#c7f7fe
```
#c7f7fe rgb(199,247,254)
```
#dbfafe
```
#dbfafe rgb(219,250,254)
```
#eefdff
```
#eefdff rgb(238,253,255)
```

Tint Color Variation

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

#697071
```
#697071 rgb(105,112,113)
```
#60777a
```
#60777a rgb(96,119,122)
```
#587d82
```
#587d82 rgb(88,125,130)
```
#4f838b
```
#4f838b rgb(79,131,139)
```
#478a93
```
#478a93 rgb(71,138,147)
```
#3f909b
```
#3f909b rgb(63,144,155)
```
#3696a4
```
#3696a4 rgb(54,150,164)
```
#2e9cac
```
#2e9cac rgb(46,156,172)
```
#26a3b4
```
#26a3b4 rgb(38,163,180)
```
#1da9bd
```
#1da9bd rgb(29,169,189)
```
#15afc5
```
#15afc5 rgb(21,175,197)
```
#0cb6ce
```
#0cb6ce rgb(12,182,206)
```
#04bcd6
```
#04bcd6 rgb(4,188,214)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#6e9298 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8aecd Protanopia 1% of men
#a4acdf Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

#6cb3d0 Protanomaly 1% of men, 0.01% of women
#6ab2db Deuteranomaly 6% of men, 0.4% of women
#01bed1 Tritanomaly 0.01% of the population

#04bcd6 hex color

#04bcd6 Color Information

#04bcd6 Color Conversion

Color Schemes with #04bcd6

Alternatives to #04bcd6

#04bcd6 Preview

Shades and Tints of #04bcd6

Tones of #04bcd6

Color Blindness Simulator