#04bcc4 hex color

In a RGB color space, hex #04bcc4 is composed of 1.6% red, 73.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 4.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 182.5 degrees, a saturation of 96% and a lightness of 39.2%. #04bcc4 color hex could be obtained by blending #08ffff with #007989. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 74
- B 77
RGB color chart
- C 98
- M 4
- Y 0
- K 23
CMYK color chart

● #04bcc4 color description : Strong cyan.

The hexadecimal color #04bcc4 has RGB values of R:4, G:188, B:196 and CMYK values of C:0.98, M:0.04, Y:0, K:0.23. Its decimal value is 310468.

Hex triplet	04bcc4	`#04bcc4`
RGB Decimal	4, 188, 196	`rgb(4,188,196)`
RGB Percent	1.6, 73.7, 76.9	`rgb(1.6%,73.7%,76.9%)`
CMYK	98, 4, 0, 23
HSL	182.5°, 96, 39.2	`hsl(182.5,96%,39.2%)`
HSV (or HSB)	182.5°, 98, 76.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.452, -35.657, -15.225
XYZ	27.994, 39.975, 58.462
xyY	0.221, 0.316, 39.975
CIE-LCH	69.452, 38.771, 203.122
CIE-LUV	69.452, -52.721, -18.329
Hunter-Lab	63.226, -31.612, -10.565
Binary	00000100, 10111100, 11000100

#04bcc4
```
#04bcc4 rgb(4,188,196)
```
#c40c04
```
#c40c04 rgb(196,12,4)
```

Complementary Color

#04c46c
```
#04c46c rgb(4,196,108)
```
#04bcc4
```
#04bcc4 rgb(4,188,196)
```
#045cc4
```
#045cc4 rgb(4,92,196)
```

Analogous Color

#c46c04
```
#c46c04 rgb(196,108,4)
```
#04bcc4
```
#04bcc4 rgb(4,188,196)
```
#c4045c
```
#c4045c rgb(196,4,92)
```

Split Complementary Color

#bcc404
```
#bcc404 rgb(188,196,4)
```
#04bcc4
```
#04bcc4 rgb(4,188,196)
```
#c404bc
```
#c404bc rgb(196,4,188)
```

Triadic Color

#04c40c
```
#04c40c rgb(4,196,12)
```
#04bcc4
```
#04bcc4 rgb(4,188,196)
```
#c404bc
```
#c404bc rgb(196,4,188)
```
#c40c04
```
#c40c04 rgb(196,12,4)
```

Tetradic Color

#027479
```
#027479 rgb(2,116,121)
```
#038c92
```
#038c92 rgb(3,140,146)
```
#03a4ab
```
#03a4ab rgb(3,164,171)
```
#04bcc4
```
#04bcc4 rgb(4,188,196)
```
#05d4dd
```
#05d4dd rgb(5,212,221)
```
#05ecf6
```
#05ecf6 rgb(5,236,246)
```
#1af1fa
```
#1af1fa rgb(26,241,250)
```

Monochromatic Color

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

#04c49c
```
#04c49c rgb(4,196,156)
```
#04c4ac
```
#04c4ac rgb(4,196,172)
```
#04c4bc
```
#04c4bc rgb(4,196,188)
```
#04bcc4
```
#04bcc4 rgb(4,188,196)
```
#04acc4
```
#04acc4 rgb(4,172,196)
```
#049cc4
```
#049cc4 rgb(4,156,196)
```
#048cc4
```
#048cc4 rgb(4,140,196)
```

Similar Colors

Text with hexadecimal color #04bcc4

This text has a font color of #04bcc4.

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

#04bcc4 background color

This paragraph has a background color of #04bcc4.

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

#04bcc4 border color

This element has a border color of #04bcc4.

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

CSS codes

.text {color:#04bcc4;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#001617
```
#001617 rgb(0,22,23)
```
#01282a
```
#01282a rgb(1,40,42)
```
#013b3d
```
#013b3d rgb(1,59,61)
```
#024d51
```
#024d51 rgb(2,77,81)
```
#026064
```
#026064 rgb(2,96,100)
```
#027277
```
#027277 rgb(2,114,119)
```
#03858a
```
#03858a rgb(3,133,138)
```
#03979e
```
#03979e rgb(3,151,158)
```
#04aab1
```
#04aab1 rgb(4,170,177)
```
#04bcc4
```
#04bcc4 rgb(4,188,196)
```
#04ced7
```
#04ced7 rgb(4,206,215)
```
#05e1ea
```
#05e1ea rgb(5,225,234)
```

Shade Color Variation

#09f0fa
```
#09f0fa rgb(9,240,250)
```
#1cf1fa
```
#1cf1fa rgb(28,241,250)
```
#2ff2fb
```
#2ff2fb rgb(47,242,251)
```
#43f3fb
```
#43f3fb rgb(67,243,251)
```
#56f5fc
```
#56f5fc rgb(86,245,252)
```
#69f6fc
```
#69f6fc rgb(105,246,252)
```
#7cf7fc
```
#7cf7fc rgb(124,247,252)
```
#8ff8fd
```
#8ff8fd rgb(143,248,253)
```
#a3f9fd
```
#a3f9fd rgb(163,249,253)
```
#b6fbfe
```
#b6fbfe rgb(182,251,254)
```
#c9fcfe
```
#c9fcfe rgb(201,252,254)
```
#dcfdfe
```
#dcfdfe rgb(220,253,254)
```
#f0feff
```
#f0feff rgb(240,254,255)
```

Tint Color Variation

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

#606768
```
#606768 rgb(96,103,104)
```
#596e6f
```
#596e6f rgb(89,110,111)
```
#517577
```
#517577 rgb(81,117,119)
```
#497d7f
```
#497d7f rgb(73,125,127)
```
#428486
```
#428486 rgb(66,132,134)
```
#3a8b8e
```
#3a8b8e rgb(58,139,142)
```
#329296
```
#329296 rgb(50,146,150)
```
#2a999e
```
#2a999e rgb(42,153,158)
```
#23a0a5
```
#23a0a5 rgb(35,160,165)
```
#1ba7ad
```
#1ba7ad rgb(27,167,173)
```
#13aeb5
```
#13aeb5 rgb(19,174,181)
```
#0cb5bc
```
#0cb5bc rgb(12,181,188)
```
#04bcc4
```
#04bcc4 rgb(4,188,196)
```

Tone Color Variation

Below, you can see how #04bcc4 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
#6c9192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acacbc Protanopia 1% of men
#acaace Deuteranopia 1% of men
#21becc Tritanopia 0.001% of the population

Trichromacy

#6fb2bf Protanomaly 1% of men, 0.01% of women
#6fb0ca Deuteranomaly 6% of men, 0.4% of women
#16bdc9 Tritanomaly 0.01% of the population

#04bcc4 hex color

#04bcc4 Color Information

#04bcc4 Color Conversion

Color Schemes with #04bcc4

Alternatives to #04bcc4

#04bcc4 Preview

Shades and Tints of #04bcc4

Tones of #04bcc4

Color Blindness Simulator