#04b5cc hex color

In a RGB color space, hex #04b5cc is composed of 1.6% red, 71% green and 80% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 11.3% magenta, 0% yellow and 20% black. It has a hue angle of 186.9 degrees, a saturation of 96.2% and a lightness of 40.8%. #04b5cc color hex could be obtained by blending #08ffff with #006b99. Closest websafe color is: #00cccc.

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

● #04b5cc color description : Strong cyan.

The hexadecimal color #04b5cc has RGB values of R:4, G:181, B:204 and CMYK values of C:0.98, M:0.11, Y:0, K:0.2. Its decimal value is 308684.

Hex triplet	04b5cc	`#04b5cc`
RGB Decimal	4, 181, 204	`rgb(4,181,204)`
RGB Percent	1.6, 71, 80	`rgb(1.6%,71%,80%)`
CMYK	98, 11, 0, 20
HSL	186.9°, 96.2, 40.8	`hsl(186.9,96.2%,40.8%)`
HSV (or HSB)	186.9°, 98, 80
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.599, -29.759, -22.433
XYZ	27.47, 37.43, 62.9
xyY	0.215, 0.293, 37.43
CIE-LCH	67.599, 37.268, 217.01
CIE-LUV	67.599, -49.685, -30.871
Hunter-Lab	61.18, -26.919, -18.131
Binary	00000100, 10110101, 11001100

#04b5cc
```
#04b5cc rgb(4,181,204)
```
#cc1b04
```
#cc1b04 rgb(204,27,4)
```

Complementary Color

#04cc7f
```
#04cc7f rgb(4,204,127)
```
#04b5cc
```
#04b5cc rgb(4,181,204)
```
#0451cc
```
#0451cc rgb(4,81,204)
```

Analogous Color

#cc7f04
```
#cc7f04 rgb(204,127,4)
```
#04b5cc
```
#04b5cc rgb(4,181,204)
```
#cc0451
```
#cc0451 rgb(204,4,81)
```

Split Complementary Color

#b5cc04
```
#b5cc04 rgb(181,204,4)
```
#04b5cc
```
#04b5cc rgb(4,181,204)
```
#cc04b5
```
#cc04b5 rgb(204,4,181)
```

Triadic Color

#04cc1b
```
#04cc1b rgb(4,204,27)
```
#04b5cc
```
#04b5cc rgb(4,181,204)
```
#cc04b5
```
#cc04b5 rgb(204,4,181)
```
#cc1b04
```
#cc1b04 rgb(204,27,4)
```

Tetradic Color

#037281
```
#037281 rgb(3,114,129)
```
#03899a
```
#03899a rgb(3,137,154)
```
#049fb3
```
#049fb3 rgb(4,159,179)
```
#04b5cc
```
#04b5cc rgb(4,181,204)
```
#04cbe5
```
#04cbe5 rgb(4,203,229)
```
#09defa
```
#09defa rgb(9,222,250)
```
#22e2fb
```
#22e2fb rgb(34,226,251)
```

Monochromatic Color

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

#04ccb1
```
#04ccb1 rgb(4,204,177)
```
#04ccc2
```
#04ccc2 rgb(4,204,194)
```
#04c6cc
```
#04c6cc rgb(4,198,204)
```
#04b5cc
```
#04b5cc rgb(4,181,204)
```
#04a4cc
```
#04a4cc rgb(4,164,204)
```
#0494cc
```
#0494cc rgb(4,148,204)
```
#0483cc
```
#0483cc rgb(4,131,204)
```

Similar Colors

Text with hexadecimal color #04b5cc

This text has a font color of #04b5cc.

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

#04b5cc background color

This paragraph has a background color of #04b5cc.

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

#04b5cc border color

This element has a border color of #04b5cc.

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

CSS codes

.text {color:#04b5cc;}

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

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

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

#000a0c
```
#000a0c rgb(0,10,12)
```
#011b1f
```
#011b1f rgb(1,27,31)
```
#012c32
```
#012c32 rgb(1,44,50)
```
#013e45
```
#013e45 rgb(1,62,69)
```
#024f59
```
#024f59 rgb(2,79,89)
```
#02606c
```
#02606c rgb(2,96,108)
```
#02717f
```
#02717f rgb(2,113,127)
```
#038292
```
#038292 rgb(3,130,146)
```
#0393a6
```
#0393a6 rgb(3,147,166)
```
#04a4b9
```
#04a4b9 rgb(4,164,185)
```
#04b5cc
```
#04b5cc rgb(4,181,204)
```
#04c6df
```
#04c6df rgb(4,198,223)
```
#05d7f2
```
#05d7f2 rgb(5,215,242)
```

Shade Color Variation

#11dffa
```
#11dffa rgb(17,223,250)
```
#24e2fb
```
#24e2fb rgb(36,226,251)
```
#37e5fb
```
#37e5fb rgb(55,229,251)
```
#4ae7fb
```
#4ae7fb rgb(74,231,251)
```
#5deafc
```
#5deafc rgb(93,234,252)
```
#71ecfc
```
#71ecfc rgb(113,236,252)
```
#84effd
```
#84effd rgb(132,239,253)
```
#97f1fd
```
#97f1fd rgb(151,241,253)
```
#aaf4fd
```
#aaf4fd rgb(170,244,253)
```
#bef6fe
```
#bef6fe rgb(190,246,254)
```
#d1f9fe
```
#d1f9fe rgb(209,249,254)
```
#e4fbfe
```
#e4fbfe rgb(228,251,254)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#646b6c
```
#646b6c rgb(100,107,108)
```
#5c7174
```
#5c7174 rgb(92,113,116)
```
#54777c
```
#54777c rgb(84,119,124)
```
#4c7e84
```
#4c7e84 rgb(76,126,132)
```
#44848c
```
#44848c rgb(68,132,140)
```
#3c8a94
```
#3c8a94 rgb(60,138,148)
```
#34909c
```
#34909c rgb(52,144,156)
```
#2c96a4
```
#2c96a4 rgb(44,150,164)
```
#249cac
```
#249cac rgb(36,156,172)
```
#1ca3b4
```
#1ca3b4 rgb(28,163,180)
```
#14a9bc
```
#14a9bc rgb(20,169,188)
```
#0cafc4
```
#0cafc4 rgb(12,175,196)
```
#04b5cc
```
#04b5cc rgb(4,181,204)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#6a8d92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a7c4 Protanopia 1% of men
#9fa6d5 Deuteranopia 1% of men
#00b9c7 Tritanopia 0.001% of the population

Trichromacy

#69acc7 Protanomaly 1% of men, 0.01% of women
#67abd2 Deuteranomaly 6% of men, 0.4% of women
#01b8c8 Tritanomaly 0.01% of the population

#04b5cc hex color

#04b5cc Color Information

#04b5cc Color Conversion

Color Schemes with #04b5cc

Alternatives to #04b5cc

#04b5cc Preview

Shades and Tints of #04b5cc

Tones of #04b5cc

Color Blindness Simulator