colorhexa.com

#00c7b4 hex color

In a RGB color space, hex #00c7b4 is composed of 0% red, 78% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 9.5% yellow and 22% black. It has a hue angle of 174.3 degrees, a saturation of 100% and a lightness of 39%. #00c7b4 color hex could be obtained by blending #00ffff with #008f69. Closest websafe color is: #00cccc.

- R 0
- G 78
- B 71
RGB color chart
- C 100
- M 0
- Y 10
- K 22
CMYK color chart

● #00c7b4 color description : Strong cyan.

The hexadecimal color #00c7b4 has RGB values of R:0, G:199, B:180 and CMYK values of C:1, M:0, Y:0.1, K:0.22. Its decimal value is 51124.

Hex triplet	00c7b4	`#00c7b4`
RGB Decimal	0, 199, 180	`rgb(0,199,180)`
RGB Percent	0, 78, 70.6	`rgb(0%,78%,70.6%)`
CMYK	100, 0, 10, 22
HSL	174.3°, 100, 39	`hsl(174.3,100%,39%)`
HSV (or HSB)	174.3°, 100, 78
Web Safe	00cccc	`#00cccc`

CIE-LAB	72.321, -45.414, -2.214
XYZ	28.659, 44.139, 50.187
xyY	0.233, 0.359, 44.139
CIE-LCH	72.321, 45.468, 182.791
CIE-LUV	72.321, -57.897, 3.619
Hunter-Lab	66.437, -39.266, 1.718
Binary	00000000, 11000111, 10110100

#00c7b4
```
#00c7b4 rgb(0,199,180)
```
#c70013
```
#c70013 rgb(199,0,19)
```

Complementary Color

#00c751
```
#00c751 rgb(0,199,81)
```
#00c7b4
```
#00c7b4 rgb(0,199,180)
```
#0077c7
```
#0077c7 rgb(0,119,199)
```

Analogous Color

#c75100
```
#c75100 rgb(199,81,0)
```
#00c7b4
```
#00c7b4 rgb(0,199,180)
```
#c70077
```
#c70077 rgb(199,0,119)
```

Split Complementary Color

#c7b400
```
#c7b400 rgb(199,180,0)
```
#00c7b4
```
#00c7b4 rgb(0,199,180)
```
#b400c7
```
#b400c7 rgb(180,0,199)
```

Triadic Color

#007b6f
```
#007b6f rgb(0,123,111)
```
#009486
```
#009486 rgb(0,148,134)
```
#00ae9d
```
#00ae9d rgb(0,174,157)
```
#00c7b4
```
#00c7b4 rgb(0,199,180)
```
#00e1cb
```
#00e1cb rgb(0,225,203)
```
#00fae2
```
#00fae2 rgb(0,250,226)
```
#15ffe9
```
#15ffe9 rgb(21,255,233)
```

Monochromatic Color

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

#00c782
```
#00c782 rgb(0,199,130)
```
#00c793
```
#00c793 rgb(0,199,147)
```
#00c7a3
```
#00c7a3 rgb(0,199,163)
```
#00c7b4
```
#00c7b4 rgb(0,199,180)
```
#00c7c5
```
#00c7c5 rgb(0,199,197)
```
#00b9c7
```
#00b9c7 rgb(0,185,199)
```
#00a8c7
```
#00a8c7 rgb(0,168,199)
```

Similar Colors

Text with hexadecimal color #00c7b4

This text has a font color of #00c7b4.

<span style="color:#00c7b4;">Text here</span>

#00c7b4 background color

This paragraph has a background color of #00c7b4.

<p style="background-color:#00c7b4;">Content here</p>

#00c7b4 border color

This element has a border color of #00c7b4.

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

CSS codes

.text {color:#00c7b4;}

.background {background-color:#00c7b4;}

.border {border:1px solid #00c7b4;}

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

#000303
```
#000303 rgb(0,3,3)
```
#001614
```
#001614 rgb(0,22,20)
```
#002a26
```
#002a26 rgb(0,42,38)
```
#003e38
```
#003e38 rgb(0,62,56)
```
#00514a
```
#00514a rgb(0,81,74)
```
#00655b
```
#00655b rgb(0,101,91)
```
#00796d
```
#00796d rgb(0,121,109)
```
#008c7f
```
#008c7f rgb(0,140,127)
```
#00a091
```
#00a091 rgb(0,160,145)
```
#00b3a2
```
#00b3a2 rgb(0,179,162)
```
#00c7b4
```
#00c7b4 rgb(0,199,180)
```
#00dbc6
```
#00dbc6 rgb(0,219,198)
```
#00eed7
```
#00eed7 rgb(0,238,215)
```

Shade Color Variation

#03ffe7
```
#03ffe7 rgb(3,255,231)
```
#16ffe9
```
#16ffe9 rgb(22,255,233)
```
#2affeb
```
#2affeb rgb(42,255,235)
```
#3effed
```
#3effed rgb(62,255,237)
```
#51ffee
```
#51ffee rgb(81,255,238)
```
#65fff0
```
#65fff0 rgb(101,255,240)
```
#79fff2
```
#79fff2 rgb(121,255,242)
```
#8cfff4
```
#8cfff4 rgb(140,255,244)
```
#a0fff6
```
#a0fff6 rgb(160,255,246)
```
#b3fff8
```
#b3fff8 rgb(179,255,248)
```
#c7fffa
```
#c7fffa rgb(199,255,250)
```
#dbfffc
```
#dbfffc rgb(219,255,252)
```
#eefffd
```
#eefffd rgb(238,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6b6a is the less saturated color, while #00c7b4 is the most saturated one.

#5c6b6a
```
#5c6b6a rgb(92,107,106)
```
#547370
```
#547370 rgb(84,115,112)
```
#4d7a76
```
#4d7a76 rgb(77,122,118)
```
#45827c
```
#45827c rgb(69,130,124)
```
#3d8a82
```
#3d8a82 rgb(61,138,130)
```
#369189
```
#369189 rgb(54,145,137)
```
#2e998f
```
#2e998f rgb(46,153,143)
```
#26a195
```
#26a195 rgb(38,161,149)
```
#1fa89b
```
#1fa89b rgb(31,168,155)
```
#17b0a1
```
#17b0a1 rgb(23,176,161)
```
#0fb8a8
```
#0fb8a8 rgb(15,184,168)
```
#08bfae
```
#08bfae rgb(8,191,174)
```
#00c7b4
```
#00c7b4 rgb(0,199,180)
```

Tone Color Variation

Below, you can see how #00c7b4 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

#898989 Achromatopsia 0.005% of the population
#6e9592 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab4ac Protanopia 1% of men
#c0b0c1 Deuteranopia 1% of men
#3dc5d4 Tritanopia 0.001% of the population

Trichromacy

#76bbaf Protanomaly 1% of men, 0.01% of women
#7ab8bc Deuteranomaly 6% of men, 0.4% of women
#27c6c8 Tritanomaly 0.01% of the population