#04bccd hex color

In a RGB color space, hex #04bccd is composed of 1.6% red, 73.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 8.3% magenta, 0% yellow and 19.6% black. It has a hue angle of 185.1 degrees, a saturation of 96.2% and a lightness of 41%. #04bccd color hex could be obtained by blending #08ffff with #00799b. Closest websafe color is: #00cccc.

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

● #04bccd color description : Strong cyan.

The hexadecimal color #04bccd has RGB values of R:4, G:188, B:205 and CMYK values of C:0.98, M:0.08, Y:0, K:0.2. Its decimal value is 310477.

Hex triplet	04bccd	`#04bccd`
RGB Decimal	4, 188, 205	`rgb(4,188,205)`
RGB Percent	1.6, 73.7, 80.4	`rgb(1.6%,73.7%,80.4%)`
CMYK	98, 8, 0, 20
HSL	185.1°, 96.2, 41	`hsl(185.1,96.2%,41%)`
HSV (or HSB)	185.1°, 98, 80.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.751, -32.82, -19.705
XYZ	29.049, 40.397, 64.021
xyY	0.218, 0.303, 40.397
CIE-LCH	69.751, 38.281, 210.981
CIE-LUV	69.751, -51.999, -26.063
Hunter-Lab	63.559, -29.644, -15.23
Binary	00000100, 10111100, 11001101

#04bccd
```
#04bccd rgb(4,188,205)
```
#cd1504
```
#cd1504 rgb(205,21,4)
```

Complementary Color

#04cd7a
```
#04cd7a rgb(4,205,122)
```
#04bccd
```
#04bccd rgb(4,188,205)
```
#0458cd
```
#0458cd rgb(4,88,205)
```

Analogous Color

#cd7a04
```
#cd7a04 rgb(205,122,4)
```
#04bccd
```
#04bccd rgb(4,188,205)
```
#cd0458
```
#cd0458 rgb(205,4,88)
```

Split Complementary Color

#bccd04
```
#bccd04 rgb(188,205,4)
```
#04bccd
```
#04bccd rgb(4,188,205)
```
#cd04bc
```
#cd04bc rgb(205,4,188)
```

Triadic Color

#04cd15
```
#04cd15 rgb(4,205,21)
```
#04bccd
```
#04bccd rgb(4,188,205)
```
#cd04bc
```
#cd04bc rgb(205,4,188)
```
#cd1504
```
#cd1504 rgb(205,21,4)
```

Tetradic Color

#037782
```
#037782 rgb(3,119,130)
```
#038e9b
```
#038e9b rgb(3,142,155)
```
#04a5b4
```
#04a5b4 rgb(4,165,180)
```
#04bccd
```
#04bccd rgb(4,188,205)
```
#04d3e6
```
#04d3e6 rgb(4,211,230)
```
#0ae6fa
```
#0ae6fa rgb(10,230,250)
```
#23e8fb
```
#23e8fb rgb(35,232,251)
```

Monochromatic Color

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

#04cdac
```
#04cdac rgb(4,205,172)
```
#04cdbd
```
#04cdbd rgb(4,205,189)
```
#04cdcd
```
#04cdcd rgb(4,205,205)
```
#04bccd
```
#04bccd rgb(4,188,205)
```
#04abcd
```
#04abcd rgb(4,171,205)
```
#049bcd
```
#049bcd rgb(4,155,205)
```
#048acd
```
#048acd rgb(4,138,205)
```

Similar Colors

Text with hexadecimal color #04bccd

This text has a font color of #04bccd.

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

#04bccd background color

This paragraph has a background color of #04bccd.

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

#04bccd border color

This element has a border color of #04bccd.

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

CSS codes

.text {color:#04bccd;}

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

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

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

#000c0d
```
#000c0d rgb(0,12,13)
```
#011d20
```
#011d20 rgb(1,29,32)
```
#012f33
```
#012f33 rgb(1,47,51)
```
#014046
```
#014046 rgb(1,64,70)
```
#02525a
```
#02525a rgb(2,82,90)
```
#02646d
```
#02646d rgb(2,100,109)
```
#027580
```
#027580 rgb(2,117,128)
```
#038793
```
#038793 rgb(3,135,147)
```
#0399a7
```
#0399a7 rgb(3,153,167)
```
#04aaba
```
#04aaba rgb(4,170,186)
```
#04bccd
```
#04bccd rgb(4,188,205)
```
#04cee0
```
#04cee0 rgb(4,206,224)
```
#05dff3
```
#05dff3 rgb(5,223,243)
```

Shade Color Variation

#11e7fa
```
#11e7fa rgb(17,231,250)
```
#25e9fb
```
#25e9fb rgb(37,233,251)
```
#38ebfb
```
#38ebfb rgb(56,235,251)
```
#4bedfb
```
#4bedfb rgb(75,237,251)
```
#5eeffc
```
#5eeffc rgb(94,239,252)
```
#72f1fc
```
#72f1fc rgb(114,241,252)
```
#85f2fd
```
#85f2fd rgb(133,242,253)
```
#98f4fd
```
#98f4fd rgb(152,244,253)
```
#abf6fd
```
#abf6fd rgb(171,246,253)
```
#bff8fe
```
#bff8fe rgb(191,248,254)
```
#d2fafe
```
#d2fafe rgb(210,250,254)
```
#e5fcfe
```
#e5fcfe rgb(229,252,254)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

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

#646c6d
```
#646c6d rgb(100,108,109)
```
#5c7375
```
#5c7375 rgb(92,115,117)
```
#54797d
```
#54797d rgb(84,121,125)
```
#4c8085
```
#4c8085 rgb(76,128,133)
```
#44878d
```
#44878d rgb(68,135,141)
```
#3c8d95
```
#3c8d95 rgb(60,141,149)
```
#34949d
```
#34949d rgb(52,148,157)
```
#2c9ba5
```
#2c9ba5 rgb(44,155,165)
```
#24a1ad
```
#24a1ad rgb(36,161,173)
```
#1ca8b5
```
#1ca8b5 rgb(28,168,181)
```
#14afbd
```
#14afbd rgb(20,175,189)
```
#0cb5c5
```
#0cb5c5 rgb(12,181,197)
```
#04bccd
```
#04bccd rgb(4,188,205)
```

Tone Color Variation

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

#aaadc4 Protanopia 1% of men
#a8abd7 Deuteranopia 1% of men
#00bfcd Tritanopia 0.001% of the population

Trichromacy

#6eb2c7 Protanomaly 1% of men, 0.01% of women
#6cb1d3 Deuteranomaly 6% of men, 0.4% of women
#01becd Tritanomaly 0.01% of the population

#04bccd hex color

#04bccd Color Information

#04bccd Color Conversion

Color Schemes with #04bccd

Alternatives to #04bccd

#04bccd Preview

Shades and Tints of #04bccd

Tones of #04bccd

Color Blindness Simulator