colorhexa.com

#04ccb2 hex color

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

- R 2
- G 80
- B 70
RGB color chart
- C 98
- M 0
- Y 13
- K 20
CMYK color chart

● #04ccb2 color description : Strong cyan.

The hexadecimal color #04ccb2 has RGB values of R:4, G:204, B:178 and CMYK values of C:0.98, M:0, Y:0.13, K:0.2. Its decimal value is 314546.

Hex triplet	04ccb2	`#04ccb2`
RGB Decimal	4, 204, 178	`rgb(4,204,178)`
RGB Percent	1.6, 80, 69.8	`rgb(1.6%,80%,69.8%)`
CMYK	98, 0, 13, 20
HSL	172.2°, 96.2, 40.8	`hsl(172.2,96.2%,40.8%)`
HSV (or HSB)	172.2°, 98, 80
Web Safe	00cc99	`#00cc99`

CIE-LAB	73.819, -47.949, 1.062
XYZ	29.676, 46.423, 49.513
xyY	0.236, 0.37, 46.423
CIE-LCH	73.819, 47.96, 178.731
CIE-LUV	73.819, -59.603, 9.017
Hunter-Lab	68.134, -41.489, 4.608
Binary	00000100, 11001100, 10110010

#04ccb2
```
#04ccb2 rgb(4,204,178)
```
#cc041e
```
#cc041e rgb(204,4,30)
```

Complementary Color

#04cc4e
```
#04cc4e rgb(4,204,78)
```
#04ccb2
```
#04ccb2 rgb(4,204,178)
```
#0482cc
```
#0482cc rgb(4,130,204)
```

Analogous Color

#cc4e04
```
#cc4e04 rgb(204,78,4)
```
#04ccb2
```
#04ccb2 rgb(4,204,178)
```
#cc0482
```
#cc0482 rgb(204,4,130)
```

Split Complementary Color

#ccb204
```
#ccb204 rgb(204,178,4)
```
#04ccb2
```
#04ccb2 rgb(4,204,178)
```
#b204cc
```
#b204cc rgb(178,4,204)
```

Triadic Color

#038171
```
#038171 rgb(3,129,113)
```
#039a86
```
#039a86 rgb(3,154,134)
```
#04b39c
```
#04b39c rgb(4,179,156)
```
#04ccb2
```
#04ccb2 rgb(4,204,178)
```
#04e5c8
```
#04e5c8 rgb(4,229,200)
```
#09fadb
```
#09fadb rgb(9,250,219)
```
#22fbde
```
#22fbde rgb(34,251,222)
```

Monochromatic Color

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

#04cc80
```
#04cc80 rgb(4,204,128)
```
#04cc91
```
#04cc91 rgb(4,204,145)
```
#04cca1
```
#04cca1 rgb(4,204,161)
```
#04ccb2
```
#04ccb2 rgb(4,204,178)
```
#04ccc3
```
#04ccc3 rgb(4,204,195)
```
#04c5cc
```
#04c5cc rgb(4,197,204)
```
#04b4cc
```
#04b4cc rgb(4,180,204)
```

Similar Colors

Text with hexadecimal color #04ccb2

This text has a font color of #04ccb2.

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

#04ccb2 background color

This paragraph has a background color of #04ccb2.

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

#04ccb2 border color

This element has a border color of #04ccb2.

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

CSS codes

.text {color:#04ccb2;}

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

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

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

#000c0a
```
#000c0a rgb(0,12,10)
```
#011f1b
```
#011f1b rgb(1,31,27)
```
#01322c
```
#01322c rgb(1,50,44)
```
#01453c
```
#01453c rgb(1,69,60)
```
#02594d
```
#02594d rgb(2,89,77)
```
#026c5e
```
#026c5e rgb(2,108,94)
```
#027f6f
```
#027f6f rgb(2,127,111)
```
#039280
```
#039280 rgb(3,146,128)
```
#03a690
```
#03a690 rgb(3,166,144)
```
#04b9a1
```
#04b9a1 rgb(4,185,161)
```
#04ccb2
```
#04ccb2 rgb(4,204,178)
```
#04dfc3
```
#04dfc3 rgb(4,223,195)
```
#05f2d4
```
#05f2d4 rgb(5,242,212)
```

Shade Color Variation

#11fadc
```
#11fadc rgb(17,250,220)
```
#24fbdf
```
#24fbdf rgb(36,251,223)
```
#37fbe2
```
#37fbe2 rgb(55,251,226)
```
#4afbe4
```
#4afbe4 rgb(74,251,228)
```
#5dfce7
```
#5dfce7 rgb(93,252,231)
```
#71fcea
```
#71fcea rgb(113,252,234)
```
#84fded
```
#84fded rgb(132,253,237)
```
#97fdf0
```
#97fdf0 rgb(151,253,240)
```
#aafdf3
```
#aafdf3 rgb(170,253,243)
```
#befef5
```
#befef5 rgb(190,254,245)
```
#d1fef8
```
#d1fef8 rgb(209,254,248)
```
#e4fefb
```
#e4fefb rgb(228,254,251)
```
#f7fffe
```
#f7fffe rgb(247,255,254)
```

Tint Color Variation

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

#646c6b
```
#646c6b rgb(100,108,107)
```
#5c7471
```
#5c7471 rgb(92,116,113)
```
#547c77
```
#547c77 rgb(84,124,119)
```
#4c847d
```
#4c847d rgb(76,132,125)
```
#448c83
```
#448c83 rgb(68,140,131)
```
#3c9489
```
#3c9489 rgb(60,148,137)
```
#349c8e
```
#349c8e rgb(52,156,142)
```
#2ca494
```
#2ca494 rgb(44,164,148)
```
#24ac9a
```
#24ac9a rgb(36,172,154)
```
#1cb4a0
```
#1cb4a0 rgb(28,180,160)
```
#14bca6
```
#14bca6 rgb(20,188,166)
```
#0cc4ac
```
#0cc4ac rgb(12,196,172)
```
#04ccb2
```
#04ccb2 rgb(4,204,178)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#729a94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb8aa Protanopia 1% of men
#c7b4bf Deuteranopia 1% of men
#43c9d8 Tritanopia 0.001% of the population

Trichromacy

#7bbfad Protanomaly 1% of men, 0.01% of women
#80bcba Deuteranomaly 6% of men, 0.4% of women
#2ccaca Tritanomaly 0.01% of the population