#04bccf hex color

In a RGB color space, hex #04bccf is composed of 1.6% red, 73.7% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 9.2% magenta, 0% yellow and 18.8% black. It has a hue angle of 185.6 degrees, a saturation of 96.2% and a lightness of 41.4%. #04bccf color hex could be obtained by blending #08ffff with #00799f. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 74
- B 81
RGB color chart
- C 98
- M 9
- Y 0
- K 19
CMYK color chart

● #04bccf color description : Strong cyan.

The hexadecimal color #04bccf has RGB values of R:4, G:188, B:207 and CMYK values of C:0.98, M:0.09, Y:0, K:0.19. Its decimal value is 310479.

Hex triplet	04bccf	`#04bccf`
RGB Decimal	4, 188, 207	`rgb(4,188,207)`
RGB Percent	1.6, 73.7, 81.2	`rgb(1.6%,73.7%,81.2%)`
CMYK	98, 9, 0, 19
HSL	185.6°, 96.2, 41.4	`hsl(185.6,96.2%,41.4%)`
HSV (or HSB)	185.6°, 98.1, 81.2
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.82, -32.179, -20.695
XYZ	29.292, 40.494, 65.3
xyY	0.217, 0.3, 40.494
CIE-LCH	69.82, 38.26, 212.746
CIE-LUV	69.82, -51.84, -27.79
Hunter-Lab	63.635, -29.194, -16.297
Binary	00000100, 10111100, 11001111

#04bccf
```
#04bccf rgb(4,188,207)
```
#cf1704
```
#cf1704 rgb(207,23,4)
```

Complementary Color

#04cf7d
```
#04cf7d rgb(4,207,125)
```
#04bccf
```
#04bccf rgb(4,188,207)
```
#0457cf
```
#0457cf rgb(4,87,207)
```

Analogous Color

#cf7d04
```
#cf7d04 rgb(207,125,4)
```
#04bccf
```
#04bccf rgb(4,188,207)
```
#cf0457
```
#cf0457 rgb(207,4,87)
```

Split Complementary Color

#bccf04
```
#bccf04 rgb(188,207,4)
```
#04bccf
```
#04bccf rgb(4,188,207)
```
#cf04bc
```
#cf04bc rgb(207,4,188)
```

Triadic Color

#04cf17
```
#04cf17 rgb(4,207,23)
```
#04bccf
```
#04bccf rgb(4,188,207)
```
#cf04bc
```
#cf04bc rgb(207,4,188)
```
#cf1704
```
#cf1704 rgb(207,23,4)
```

Tetradic Color

#037884
```
#037884 rgb(3,120,132)
```
#038f9d
```
#038f9d rgb(3,143,157)
```
#04a5b6
```
#04a5b6 rgb(4,165,182)
```
#04bccf
```
#04bccf rgb(4,188,207)
```
#04d3e8
```
#04d3e8 rgb(4,211,232)
```
#0ce4fa
```
#0ce4fa rgb(12,228,250)
```
#25e7fb
```
#25e7fb rgb(37,231,251)
```

Monochromatic Color

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

#04cfaf
```
#04cfaf rgb(4,207,175)
```
#04cfc0
```
#04cfc0 rgb(4,207,192)
```
#04cdcf
```
#04cdcf rgb(4,205,207)
```
#04bccf
```
#04bccf rgb(4,188,207)
```
#04abcf
```
#04abcf rgb(4,171,207)
```
#049acf
```
#049acf rgb(4,154,207)
```
#0489cf
```
#0489cf rgb(4,137,207)
```

Similar Colors

Text with hexadecimal color #04bccf

This text has a font color of #04bccf.

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

#04bccf background color

This paragraph has a background color of #04bccf.

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

#04bccf border color

This element has a border color of #04bccf.

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

CSS codes

.text {color:#04bccf;}

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

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

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, #000d0f is the darkest color, while #fafeff is the lightest one.

#000d0f
```
#000d0f rgb(0,13,15)
```
#011f22
```
#011f22 rgb(1,31,34)
```
#013035
```
#013035 rgb(1,48,53)
```
#014248
```
#014248 rgb(1,66,72)
```
#02535c
```
#02535c rgb(2,83,92)
```
#02656f
```
#02656f rgb(2,101,111)
```
#037682
```
#037682 rgb(3,118,130)
```
#038895
```
#038895 rgb(3,136,149)
```
#0399a9
```
#0399a9 rgb(3,153,169)
```
#04abbc
```
#04abbc rgb(4,171,188)
```
#04bccf
```
#04bccf rgb(4,188,207)
```
#04cde2
```
#04cde2 rgb(4,205,226)
```
#05dff5
```
#05dff5 rgb(5,223,245)
```

Shade Color Variation

#13e5fa
```
#13e5fa rgb(19,229,250)
```
#27e7fb
```
#27e7fb rgb(39,231,251)
```
#3ae9fb
```
#3ae9fb rgb(58,233,251)
```
#4debfc
```
#4debfc rgb(77,235,252)
```
#60edfc
```
#60edfc rgb(96,237,252)
```
#74f0fc
```
#74f0fc rgb(116,240,252)
```
#87f2fd
```
#87f2fd rgb(135,242,253)
```
#9af4fd
```
#9af4fd rgb(154,244,253)
```
#adf6fd
```
#adf6fd rgb(173,246,253)
```
#c1f8fe
```
#c1f8fe rgb(193,248,254)
```
#d4fafe
```
#d4fafe rgb(212,250,254)
```
#e7fcff
```
#e7fcff rgb(231,252,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#656d6e
```
#656d6e rgb(101,109,110)
```
#5d7376
```
#5d7376 rgb(93,115,118)
```
#557a7e
```
#557a7e rgb(85,122,126)
```
#4d8186
```
#4d8186 rgb(77,129,134)
```
#45878e
```
#45878e rgb(69,135,142)
```
#3d8e96
```
#3d8e96 rgb(61,142,150)
```
#35949e
```
#35949e rgb(53,148,158)
```
#2d9ba6
```
#2d9ba6 rgb(45,155,166)
```
#24a2af
```
#24a2af rgb(36,162,175)
```
#1ca8b7
```
#1ca8b7 rgb(28,168,183)
```
#14afbf
```
#14afbf rgb(20,175,191)
```
#0cb5c7
```
#0cb5c7 rgb(12,181,199)
```
#04bccf
```
#04bccf rgb(4,188,207)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#6d9295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaadc6 Protanopia 1% of men
#a7abd9 Deuteranopia 1% of men
#00bfcd Tritanopia 0.001% of the population

Trichromacy

#6db2c9 Protanomaly 1% of men, 0.01% of women
#6cb1d5 Deuteranomaly 6% of men, 0.4% of women
#01bece Tritanomaly 0.01% of the population

#04bccf hex color

#04bccf Color Information

#04bccf Color Conversion

Color Schemes with #04bccf

Alternatives to #04bccf

#04bccf Preview

Shades and Tints of #04bccf

Tones of #04bccf

Color Blindness Simulator