colorhexa.com

#04c7bd hex color

In a RGB color space, hex #04c7bd is composed of 1.6% red, 78% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 0% magenta, 5% yellow and 22% black. It has a hue angle of 176.9 degrees, a saturation of 96.1% and a lightness of 39.8%. #04c7bd color hex could be obtained by blending #08ffff with #008f7b. Closest websafe color is: #00cccc.

- R 2
- G 78
- B 74
RGB color chart
- C 98
- M 0
- Y 5
- K 22
CMYK color chart

● #04c7bd color description : Strong cyan.

The hexadecimal color #04c7bd has RGB values of R:4, G:199, B:189 and CMYK values of C:0.98, M:0, Y:0.05, K:0.22. Its decimal value is 313277.

Hex triplet	04c7bd	`#04c7bd`
RGB Decimal	4, 199, 189	`rgb(4,199,189)`
RGB Percent	1.6, 78, 74.1	`rgb(1.6%,78%,74.1%)`
CMYK	98, 0, 5, 22
HSL	176.9°, 96.1, 39.8	`hsl(176.9,96.1%,39.8%)`
HSV (or HSB)	176.9°, 98, 78
Web Safe	00cccc	`#00cccc`

CIE-LAB	72.59, -42.73, -6.709
XYZ	29.656, 44.544, 55.176
xyY	0.229, 0.344, 44.544
CIE-LCH	72.59, 43.253, 188.923
CIE-LUV	72.59, -57.035, -3.76
Hunter-Lab	66.741, -37.482, -2.297
Binary	00000100, 11000111, 10111101

#04c7bd
```
#04c7bd rgb(4,199,189)
```
#c7040e
```
#c7040e rgb(199,4,14)
```

Complementary Color

#04c75c
```
#04c75c rgb(4,199,92)
```
#04c7bd
```
#04c7bd rgb(4,199,189)
```
#0470c7
```
#0470c7 rgb(4,112,199)
```

Analogous Color

#c75c04
```
#c75c04 rgb(199,92,4)
```
#04c7bd
```
#04c7bd rgb(4,199,189)
```
#c70470
```
#c70470 rgb(199,4,112)
```

Split Complementary Color

#c7bd04
```
#c7bd04 rgb(199,189,4)
```
#04c7bd
```
#04c7bd rgb(4,199,189)
```
#bd04c7
```
#bd04c7 rgb(189,4,199)
```

Triadic Color

#027c76
```
#027c76 rgb(2,124,118)
```
#03958e
```
#03958e rgb(3,149,142)
```
#03aea5
```
#03aea5 rgb(3,174,165)
```
#04c7bd
```
#04c7bd rgb(4,199,189)
```
#05e0d5
```
#05e0d5 rgb(5,224,213)
```
#05f9ec
```
#05f9ec rgb(5,249,236)
```
#1dfaef
```
#1dfaef rgb(29,250,239)
```

Monochromatic Color

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

#04c78c
```
#04c78c rgb(4,199,140)
```
#04c79d
```
#04c79d rgb(4,199,157)
```
#04c7ad
```
#04c7ad rgb(4,199,173)
```
#04c7bd
```
#04c7bd rgb(4,199,189)
```
#04c1c7
```
#04c1c7 rgb(4,193,199)
```
#04b1c7
```
#04b1c7 rgb(4,177,199)
```
#04a0c7
```
#04a0c7 rgb(4,160,199)
```

Similar Colors

Text with hexadecimal color #04c7bd

This text has a font color of #04c7bd.

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

#04c7bd background color

This paragraph has a background color of #04c7bd.

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

#04c7bd border color

This element has a border color of #04c7bd.

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

CSS codes

.text {color:#04c7bd;}

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

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

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, #000706 is the darkest color, while #f2fffe is the lightest one.

#000706
```
#000706 rgb(0,7,6)
```
#011a19
```
#011a19 rgb(1,26,25)
```
#012d2b
```
#012d2b rgb(1,45,43)
```
#01403d
```
#01403d rgb(1,64,61)
```
#02544f
```
#02544f rgb(2,84,79)
```
#026762
```
#026762 rgb(2,103,98)
```
#027a74
```
#027a74 rgb(2,122,116)
```
#038d86
```
#038d86 rgb(3,141,134)
```
#03a198
```
#03a198 rgb(3,161,152)
```
#04b4ab
```
#04b4ab rgb(4,180,171)
```
#04c7bd
```
#04c7bd rgb(4,199,189)
```
#04dacf
```
#04dacf rgb(4,218,207)
```
#05ede2
```
#05ede2 rgb(5,237,226)
```

Shade Color Variation

#0cfaee
```
#0cfaee rgb(12,250,238)
```
#1ffaef
```
#1ffaef rgb(31,250,239)
```
#32fbf1
```
#32fbf1 rgb(50,251,241)
```
#45fbf2
```
#45fbf2 rgb(69,251,242)
```
#59fcf3
```
#59fcf3 rgb(89,252,243)
```
#6cfcf5
```
#6cfcf5 rgb(108,252,245)
```
#7ffcf6
```
#7ffcf6 rgb(127,252,246)
```
#92fdf7
```
#92fdf7 rgb(146,253,247)
```
#a6fdf9
```
#a6fdf9 rgb(166,253,249)
```
#b9fefa
```
#b9fefa rgb(185,254,250)
```
#ccfefb
```
#ccfefb rgb(204,254,251)
```
#dffefd
```
#dffefd rgb(223,254,253)
```
#f2fffe
```
#f2fffe rgb(242,255,254)
```

Tint Color Variation

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

#626969
```
#626969 rgb(98,105,105)
```
#5a7170
```
#5a7170 rgb(90,113,112)
```
#527977
```
#527977 rgb(82,121,119)
```
#4a817e
```
#4a817e rgb(74,129,126)
```
#428985
```
#428985 rgb(66,137,133)
```
#3b908c
```
#3b908c rgb(59,144,140)
```
#339893
```
#339893 rgb(51,152,147)
```
#2ba09a
```
#2ba09a rgb(43,160,154)
```
#23a8a1
```
#23a8a1 rgb(35,168,161)
```
#1bb0a8
```
#1bb0a8 rgb(27,176,168)
```
#14b7af
```
#14b7af rgb(20,183,175)
```
#0cbfb6
```
#0cbfb6 rgb(12,191,182)
```
#04c7bd
```
#04c7bd rgb(4,199,189)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#719896 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b5b5 Protanopia 1% of men
#bdb1c9 Deuteranopia 1% of men
#37c6d5 Tritanopia 0.001% of the population

Trichromacy

#77bbb8 Protanomaly 1% of men, 0.01% of women
#7ab9c4 Deuteranomaly 6% of men, 0.4% of women
#25c6cc Tritanomaly 0.01% of the population