#04f0bc hex color

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

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

● #04f0bc color description : Vivid cyan.

The hexadecimal color #04f0bc has RGB values of R:4, G:240, B:188 and CMYK values of C:0.98, M:0, Y:0.22, K:0.06. Its decimal value is 323772.

Hex triplet	04f0bc	`#04f0bc`
RGB Decimal	4, 240, 188	`rgb(4,240,188)`
RGB Percent	1.6, 94.1, 73.7	`rgb(1.6%,94.1%,73.7%)`
CMYK	98, 0, 22, 6
HSL	166.8°, 96.7, 47.8	`hsl(166.8,96.7%,47.8%)`
HSV (or HSB)	166.8°, 98.3, 94.1
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	84.982, -59.691, 11.809
XYZ	40.284, 65.972, 58.185
xyY	0.245, 0.401, 65.972
CIE-LCH	84.982, 60.848, 168.809
CIE-LUV	84.982, -70.765, 27.221
Hunter-Lab	81.223, -53.612, 14.384
Binary	00000100, 11110000, 10111100

#04f0bc
```
#04f0bc rgb(4,240,188)
```
#f00438
```
#f00438 rgb(240,4,56)
```

Complementary Color

#04f046
```
#04f046 rgb(4,240,70)
```
#04f0bc
```
#04f0bc rgb(4,240,188)
```
#04aef0
```
#04aef0 rgb(4,174,240)
```

Analogous Color

#f04604
```
#f04604 rgb(240,70,4)
```
#04f0bc
```
#04f0bc rgb(4,240,188)
```
#f004ae
```
#f004ae rgb(240,4,174)
```

Split Complementary Color

#f0bc04
```
#f0bc04 rgb(240,188,4)
```
#04f0bc
```
#04f0bc rgb(4,240,188)
```
#bc04f0
```
#bc04f0 rgb(188,4,240)
```

Triadic Color

#38f004
```
#38f004 rgb(56,240,4)
```
#04f0bc
```
#04f0bc rgb(4,240,188)
```
#bc04f0
```
#bc04f0 rgb(188,4,240)
```
#f00438
```
#f00438 rgb(240,4,56)
```

Tetradic Color

#03a581
```
#03a581 rgb(3,165,129)
```
#03be95
```
#03be95 rgb(3,190,149)
```
#04d7a8
```
#04d7a8 rgb(4,215,168)
```
#04f0bc
```
#04f0bc rgb(4,240,188)
```
#12fbc8
```
#12fbc8 rgb(18,251,200)
```
#2cfbce
```
#2cfbce rgb(44,251,206)
```
#45fcd4
```
#45fcd4 rgb(69,252,212)
```

Monochromatic Color

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

#04f081
```
#04f081 rgb(4,240,129)
```
#04f095
```
#04f095 rgb(4,240,149)
```
#04f0a8
```
#04f0a8 rgb(4,240,168)
```
#04f0bc
```
#04f0bc rgb(4,240,188)
```
#04f0d0
```
#04f0d0 rgb(4,240,208)
```
#04f0e3
```
#04f0e3 rgb(4,240,227)
```
#04e9f0
```
#04e9f0 rgb(4,233,240)
```

Similar Colors

Text with hexadecimal color #04f0bc

This text has a font color of #04f0bc.

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

#04f0bc background color

This paragraph has a background color of #04f0bc.

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

#04f0bc border color

This element has a border color of #04f0bc.

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

CSS codes

.text {color:#04f0bc;}

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

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

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

#000807
```
#000807 rgb(0,8,7)
```
#001c16
```
#001c16 rgb(0,28,22)
```
#012f25
```
#012f25 rgb(1,47,37)
```
#014234
```
#014234 rgb(1,66,52)
```
#015643
```
#015643 rgb(1,86,67)
```
#026952
```
#026952 rgb(2,105,82)
```
#027c61
```
#027c61 rgb(2,124,97)
```
#029070
```
#029070 rgb(2,144,112)
```
#03a380
```
#03a380 rgb(3,163,128)
```
#03b68f
```
#03b68f rgb(3,182,143)
```
#03c99e
```
#03c99e rgb(3,201,158)
```
#04ddad
```
#04ddad rgb(4,221,173)
```
#04f0bc
```
#04f0bc rgb(4,240,188)
```

Shade Color Variation

#0dfbc6
```
#0dfbc6 rgb(13,251,198)
```
#20fbcb
```
#20fbcb rgb(32,251,203)
```
#33fccf
```
#33fccf rgb(51,252,207)
```
#47fcd4
```
#47fcd4 rgb(71,252,212)
```
#5afcd8
```
#5afcd8 rgb(90,252,216)
```
#6dfddd
```
#6dfddd rgb(109,253,221)
```
#80fde1
```
#80fde1 rgb(128,253,225)
```
#94fde6
```
#94fde6 rgb(148,253,230)
```
#a7feea
```
#a7feea rgb(167,254,234)
```
#bafeef
```
#bafeef rgb(186,254,239)
```
#cefef3
```
#cefef3 rgb(206,254,243)
```
#e1fef8
```
#e1fef8 rgb(225,254,248)
```
#f4fffc
```
#f4fffc rgb(244,255,252)
```

Tint Color Variation

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

#757f7d
```
#757f7d rgb(117,127,125)
```
#6b8982
```
#6b8982 rgb(107,137,130)
```
#629288
```
#629288 rgb(98,146,136)
```
#589c8d
```
#589c8d rgb(88,156,141)
```
#4fa592
```
#4fa592 rgb(79,165,146)
```
#46ae97
```
#46ae97 rgb(70,174,151)
```
#3cb89d
```
#3cb89d rgb(60,184,157)
```
#33c1a2
```
#33c1a2 rgb(51,193,162)
```
#2acaa7
```
#2acaa7 rgb(42,202,167)
```
#20d4ac
```
#20d4ac rgb(32,212,172)
```
#17ddb2
```
#17ddb2 rgb(23,221,178)
```
#0de7b7
```
#0de7b7 rgb(13,231,183)
```
#04f0bc
```
#04f0bc rgb(4,240,188)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#84b3a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d5b3 Protanopia 1% of men
#eecfcb Deuteranopia 1% of men
#59e8f9 Tritanopia 0.001% of the population

Trichromacy

#91dfb6 Protanomaly 1% of men, 0.01% of women
#99dbc5 Deuteranomaly 6% of men, 0.4% of women
#3aebe3 Tritanomaly 0.01% of the population

#04f0bc hex color

#04f0bc Color Information

#04f0bc Color Conversion

Color Schemes with #04f0bc

Alternatives to #04f0bc

#04f0bc Preview

Shades and Tints of #04f0bc

Tones of #04f0bc

Color Blindness Simulator