colorhexa.com

#04ccbd hex color

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

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

● #04ccbd color description : Strong cyan.

The hexadecimal color #04ccbd has RGB values of R:4, G:204, B:189 and CMYK values of C:0.98, M:0, Y:0.07, K:0.2. Its decimal value is 314557.

Hex triplet	04ccbd	`#04ccbd`
RGB Decimal	4, 204, 189	`rgb(4,204,189)`
RGB Percent	1.6, 80, 74.1	`rgb(1.6%,80%,74.1%)`
CMYK	98, 0, 7, 20
HSL	175.5°, 96.2, 40.8	`hsl(175.5,96.2%,40.8%)`
HSV (or HSB)	175.5°, 98, 80
Web Safe	00cccc	`#00cccc`

CIE-LAB	74.114, -44.899, -4.456
XYZ	30.825, 46.882, 55.566
xyY	0.231, 0.352, 46.882
CIE-LCH	74.114, 45.12, 185.667
CIE-LUV	74.114, -58.729, 0.089
Hunter-Lab	68.471, -39.464, -0.186
Binary	00000100, 11001100, 10111101

#04ccbd
```
#04ccbd rgb(4,204,189)
```
#cc0413
```
#cc0413 rgb(204,4,19)
```

Complementary Color

#04cc59
```
#04cc59 rgb(4,204,89)
```
#04ccbd
```
#04ccbd rgb(4,204,189)
```
#0477cc
```
#0477cc rgb(4,119,204)
```

Analogous Color

#cc5904
```
#cc5904 rgb(204,89,4)
```
#04ccbd
```
#04ccbd rgb(4,204,189)
```
#cc0477
```
#cc0477 rgb(204,4,119)
```

Split Complementary Color

#ccbd04
```
#ccbd04 rgb(204,189,4)
```
#04ccbd
```
#04ccbd rgb(4,204,189)
```
#bd04cc
```
#bd04cc rgb(189,4,204)
```

Triadic Color

#038177
```
#038177 rgb(3,129,119)
```
#039a8f
```
#039a8f rgb(3,154,143)
```
#04b3a6
```
#04b3a6 rgb(4,179,166)
```
#04ccbd
```
#04ccbd rgb(4,204,189)
```
#04e5d4
```
#04e5d4 rgb(4,229,212)
```
#09fae8
```
#09fae8 rgb(9,250,232)
```
#22fbea
```
#22fbea rgb(34,251,234)
```

Monochromatic Color

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

#04cc8b
```
#04cc8b rgb(4,204,139)
```
#04cc9c
```
#04cc9c rgb(4,204,156)
```
#04ccac
```
#04ccac rgb(4,204,172)
```
#04ccbd
```
#04ccbd rgb(4,204,189)
```
#04cacc
```
#04cacc rgb(4,202,204)
```
#04bacc
```
#04bacc rgb(4,186,204)
```
#04a9cc
```
#04a9cc rgb(4,169,204)
```

Similar Colors

Text with hexadecimal color #04ccbd

This text has a font color of #04ccbd.

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

#04ccbd background color

This paragraph has a background color of #04ccbd.

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

#04ccbd border color

This element has a border color of #04ccbd.

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

CSS codes

.text {color:#04ccbd;}

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

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

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

#000c0b
```
#000c0b rgb(0,12,11)
```
#011f1d
```
#011f1d rgb(1,31,29)
```
#01322e
```
#01322e rgb(1,50,46)
```
#014540
```
#014540 rgb(1,69,64)
```
#025952
```
#025952 rgb(2,89,82)
```
#026c64
```
#026c64 rgb(2,108,100)
```
#027f76
```
#027f76 rgb(2,127,118)
```
#039288
```
#039288 rgb(3,146,136)
```
#03a699
```
#03a699 rgb(3,166,153)
```
#04b9ab
```
#04b9ab rgb(4,185,171)
```
#04ccbd
```
#04ccbd rgb(4,204,189)
```
#04dfcf
```
#04dfcf rgb(4,223,207)
```
#05f2e1
```
#05f2e1 rgb(5,242,225)
```

Shade Color Variation

#11fae9
```
#11fae9 rgb(17,250,233)
```
#24fbeb
```
#24fbeb rgb(36,251,235)
```
#37fbec
```
#37fbec rgb(55,251,236)
```
#4afbee
```
#4afbee rgb(74,251,238)
```
#5dfcf0
```
#5dfcf0 rgb(93,252,240)
```
#71fcf2
```
#71fcf2 rgb(113,252,242)
```
#84fdf4
```
#84fdf4 rgb(132,253,244)
```
#97fdf5
```
#97fdf5 rgb(151,253,245)
```
#aafdf7
```
#aafdf7 rgb(170,253,247)
```
#befef9
```
#befef9 rgb(190,254,249)
```
#d1fefb
```
#d1fefb rgb(209,254,251)
```
#e4fefc
```
#e4fefc rgb(228,254,252)
```
#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 #04ccbd is the most saturated one.

#646c6b
```
#646c6b rgb(100,108,107)
```
#5c7472
```
#5c7472 rgb(92,116,114)
```
#547c79
```
#547c79 rgb(84,124,121)
```
#4c8480
```
#4c8480 rgb(76,132,128)
```
#448c87
```
#448c87 rgb(68,140,135)
```
#3c948d
```
#3c948d rgb(60,148,141)
```
#349c94
```
#349c94 rgb(52,156,148)
```
#2ca49b
```
#2ca49b rgb(44,164,155)
```
#24aca2
```
#24aca2 rgb(36,172,162)
```
#1cb4a9
```
#1cb4a9 rgb(28,180,169)
```
#14bcaf
```
#14bcaf rgb(20,188,175)
```
#0cc4b6
```
#0cc4b6 rgb(12,196,182)
```
#04ccbd
```
#04ccbd rgb(4,204,189)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#729a97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb9b5 Protanopia 1% of men
#c3b5c9 Deuteranopia 1% of men
#3ccad9 Tritanopia 0.001% of the population

Trichromacy

#7ac0b7 Protanomaly 1% of men, 0.01% of women
#7dbdc5 Deuteranomaly 6% of men, 0.4% of women
#28cbcf Tritanomaly 0.01% of the population