#04bccb hex color

In a RGB color space, hex #04bccb is composed of 1.6% red, 73.7% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 7.4% magenta, 0% yellow and 20.4% black. It has a hue angle of 184.5 degrees, a saturation of 96.1% and a lightness of 40.6%. #04bccb color hex could be obtained by blending #08ffff with #007997. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 74
- B 80
RGB color chart
- C 98
- M 7
- Y 0
- K 20
CMYK color chart

● #04bccb color description : Strong cyan.

The hexadecimal color #04bccb has RGB values of R:4, G:188, B:203 and CMYK values of C:0.98, M:0.07, Y:0, K:0.2. Its decimal value is 310475.

Hex triplet	04bccb	`#04bccb`
RGB Decimal	4, 188, 203	`rgb(4,188,203)`
RGB Percent	1.6, 73.7, 79.6	`rgb(1.6%,73.7%,79.6%)`
CMYK	98, 7, 0, 20
HSL	184.5°, 96.1, 40.6	`hsl(184.5,96.1%,40.6%)`
HSV (or HSB)	184.5°, 98, 79.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.683, -33.456, -18.712
XYZ	28.81, 40.301, 62.757
xyY	0.218, 0.306, 40.301
CIE-LCH	69.683, 38.334, 209.219
CIE-LUV	69.683, -52.159, -24.339
Hunter-Lab	63.483, -30.09, -14.174
Binary	00000100, 10111100, 11001011

#04bccb
```
#04bccb rgb(4,188,203)
```
#cb1304
```
#cb1304 rgb(203,19,4)
```

Complementary Color

#04cb77
```
#04cb77 rgb(4,203,119)
```
#04bccb
```
#04bccb rgb(4,188,203)
```
#0459cb
```
#0459cb rgb(4,89,203)
```

Analogous Color

#cb7704
```
#cb7704 rgb(203,119,4)
```
#04bccb
```
#04bccb rgb(4,188,203)
```
#cb0459
```
#cb0459 rgb(203,4,89)
```

Split Complementary Color

#bccb04
```
#bccb04 rgb(188,203,4)
```
#04bccb
```
#04bccb rgb(4,188,203)
```
#cb04bc
```
#cb04bc rgb(203,4,188)
```

Triadic Color

#04cb13
```
#04cb13 rgb(4,203,19)
```
#04bccb
```
#04bccb rgb(4,188,203)
```
#cb04bc
```
#cb04bc rgb(203,4,188)
```
#cb1304
```
#cb1304 rgb(203,19,4)
```

Tetradic Color

#037780
```
#037780 rgb(3,119,128)
```
#038e99
```
#038e99 rgb(3,142,153)
```
#04a5b2
```
#04a5b2 rgb(4,165,178)
```
#04bccb
```
#04bccb rgb(4,188,203)
```
#04d3e4
```
#04d3e4 rgb(4,211,228)
```
#08e8fa
```
#08e8fa rgb(8,232,250)
```
#21eafb
```
#21eafb rgb(33,234,251)
```

Monochromatic Color

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

#04cba8
```
#04cba8 rgb(4,203,168)
```
#04cbb9
```
#04cbb9 rgb(4,203,185)
```
#04cbc9
```
#04cbc9 rgb(4,203,201)
```
#04bccb
```
#04bccb rgb(4,188,203)
```
#04abcb
```
#04abcb rgb(4,171,203)
```
#049bcb
```
#049bcb rgb(4,155,203)
```
#048acb
```
#048acb rgb(4,138,203)
```

Similar Colors

Text with hexadecimal color #04bccb

This text has a font color of #04bccb.

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

#04bccb background color

This paragraph has a background color of #04bccb.

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

#04bccb border color

This element has a border color of #04bccb.

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

CSS codes

.text {color:#04bccb;}

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

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

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

#000a0b
```
#000a0b rgb(0,10,11)
```
#011c1e
```
#011c1e rgb(1,28,30)
```
#012d31
```
#012d31 rgb(1,45,49)
```
#013f44
```
#013f44 rgb(1,63,68)
```
#025158
```
#025158 rgb(2,81,88)
```
#02636b
```
#02636b rgb(2,99,107)
```
#02757e
```
#02757e rgb(2,117,126)
```
#038791
```
#038791 rgb(3,135,145)
```
#0398a5
```
#0398a5 rgb(3,152,165)
```
#04aab8
```
#04aab8 rgb(4,170,184)
```
#04bccb
```
#04bccb rgb(4,188,203)
```
#04cede
```
#04cede rgb(4,206,222)
```
#05e0f1
```
#05e0f1 rgb(5,224,241)
```

Shade Color Variation

#10e9fa
```
#10e9fa rgb(16,233,250)
```
#23eafb
```
#23eafb rgb(35,234,251)
```
#36ecfb
```
#36ecfb rgb(54,236,251)
```
#49eefb
```
#49eefb rgb(73,238,251)
```
#5df0fc
```
#5df0fc rgb(93,240,252)
```
#70f2fc
```
#70f2fc rgb(112,242,252)
```
#83f3fd
```
#83f3fd rgb(131,243,253)
```
#96f5fd
```
#96f5fd rgb(150,245,253)
```
#a9f7fd
```
#a9f7fd rgb(169,247,253)
```
#bdf9fe
```
#bdf9fe rgb(189,249,254)
```
#d0fbfe
```
#d0fbfe rgb(208,251,254)
```
#e3fcfe
```
#e3fcfe rgb(227,252,254)
```
#f6feff
```
#f6feff rgb(246,254,255)
```

Tint Color Variation

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

#646b6b
```
#646b6b rgb(100,107,107)
```
#5c7273
```
#5c7273 rgb(92,114,115)
```
#54787b
```
#54787b rgb(84,120,123)
```
#4c7f83
```
#4c7f83 rgb(76,127,131)
```
#44868b
```
#44868b rgb(68,134,139)
```
#3c8d93
```
#3c8d93 rgb(60,141,147)
```
#34939b
```
#34939b rgb(52,147,155)
```
#2c9aa3
```
#2c9aa3 rgb(44,154,163)
```
#24a1ab
```
#24a1ab rgb(36,161,171)
```
#1ca8b3
```
#1ca8b3 rgb(28,168,179)
```
#14aebb
```
#14aebb rgb(20,174,187)
```
#0cb5c3
```
#0cb5c3 rgb(12,181,195)
```
#04bccb
```
#04bccb rgb(4,188,203)
```

Tone Color Variation

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

#abadc2 Protanopia 1% of men
#a9abd5 Deuteranopia 1% of men
#0ebfcd Tritanopia 0.001% of the population

Trichromacy

#6eb2c5 Protanomaly 1% of men, 0.01% of women
#6db1d1 Deuteranomaly 6% of men, 0.4% of women
#0abecc Tritanomaly 0.01% of the population

#04bccb hex color

#04bccb Color Information

#04bccb Color Conversion

Color Schemes with #04bccb

Alternatives to #04bccb

#04bccb Preview

Shades and Tints of #04bccb

Tones of #04bccb

Color Blindness Simulator