#00bcc4 hex color

In a RGB color space, hex #00bcc4 is composed of 0% red, 73.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 4.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 182.4 degrees, a saturation of 100% and a lightness of 38.4%. #00bcc4 color hex could be obtained by blending #00ffff with #007989. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 74
- B 77
RGB color chart
- C 100
- M 4
- Y 0
- K 23
CMYK color chart

● #00bcc4 color description : Strong cyan.

The hexadecimal color #00bcc4 has RGB values of R:0, G:188, B:196 and CMYK values of C:1, M:0.04, Y:0, K:0.23. Its decimal value is 48324.

Hex triplet	00bcc4	`#00bcc4`
RGB Decimal	0, 188, 196	`rgb(0,188,196)`
RGB Percent	0, 73.7, 76.9	`rgb(0%,73.7%,76.9%)`
CMYK	100, 4, 0, 23
HSL	182.4°, 100, 38.4	`hsl(182.4,100%,38.4%)`
HSV (or HSB)	182.4°, 100, 76.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.433, -35.776, -15.254
XYZ	27.944, 39.949, 58.46
xyY	0.221, 0.316, 39.949
CIE-LCH	69.433, 38.892, 203.093
CIE-LUV	69.433, -52.863, -18.362
Hunter-Lab	63.205, -31.692, -10.595
Binary	00000000, 10111100, 11000100

#00bcc4
```
#00bcc4 rgb(0,188,196)
```
#c40800
```
#c40800 rgb(196,8,0)
```

Complementary Color

#00c46a
```
#00c46a rgb(0,196,106)
```
#00bcc4
```
#00bcc4 rgb(0,188,196)
```
#005ac4
```
#005ac4 rgb(0,90,196)
```

Analogous Color

#c46a00
```
#c46a00 rgb(196,106,0)
```
#00bcc4
```
#00bcc4 rgb(0,188,196)
```
#c4005a
```
#c4005a rgb(196,0,90)
```

Split Complementary Color

#bcc400
```
#bcc400 rgb(188,196,0)
```
#00bcc4
```
#00bcc4 rgb(0,188,196)
```
#c400bc
```
#c400bc rgb(196,0,188)
```

Triadic Color

#00c408
```
#00c408 rgb(0,196,8)
```
#00bcc4
```
#00bcc4 rgb(0,188,196)
```
#c400bc
```
#c400bc rgb(196,0,188)
```
#c40800
```
#c40800 rgb(196,8,0)
```

Tetradic Color

#007378
```
#007378 rgb(0,115,120)
```
#008b91
```
#008b91 rgb(0,139,145)
```
#00a4ab
```
#00a4ab rgb(0,164,171)
```
#00bcc4
```
#00bcc4 rgb(0,188,196)
```
#00d4de
```
#00d4de rgb(0,212,222)
```
#00edf7
```
#00edf7 rgb(0,237,247)
```
#12f5ff
```
#12f5ff rgb(18,245,255)
```

Monochromatic Color

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

#00c49b
```
#00c49b rgb(0,196,155)
```
#00c4ab
```
#00c4ab rgb(0,196,171)
```
#00c4bc
```
#00c4bc rgb(0,196,188)
```
#00bcc4
```
#00bcc4 rgb(0,188,196)
```
#00acc4
```
#00acc4 rgb(0,172,196)
```
#009bc4
```
#009bc4 rgb(0,155,196)
```
#008bc4
```
#008bc4 rgb(0,139,196)
```

Similar Colors

Text with hexadecimal color #00bcc4

This text has a font color of #00bcc4.

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

#00bcc4 background color

This paragraph has a background color of #00bcc4.

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

#00bcc4 border color

This element has a border color of #00bcc4.

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

CSS codes

.text {color:#00bcc4;}

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

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

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

#001313
```
#001313 rgb(0,19,19)
```
#002527
```
#002527 rgb(0,37,39)
```
#00383b
```
#00383b rgb(0,56,59)
```
#004b4e
```
#004b4e rgb(0,75,78)
```
#005e62
```
#005e62 rgb(0,94,98)
```
#007176
```
#007176 rgb(0,113,118)
```
#008489
```
#008489 rgb(0,132,137)
```
#00969d
```
#00969d rgb(0,150,157)
```
#00a9b0
```
#00a9b0 rgb(0,169,176)
```
#00bcc4
```
#00bcc4 rgb(0,188,196)
```
#00cfd8
```
#00cfd8 rgb(0,207,216)
```
#00e2eb
```
#00e2eb rgb(0,226,235)
```
#00f4ff
```
#00f4ff rgb(0,244,255)
```

Shade Color Variation

#13f5ff
```
#13f5ff rgb(19,245,255)
```
#27f6ff
```
#27f6ff rgb(39,246,255)
```
#3bf7ff
```
#3bf7ff rgb(59,247,255)
```
#4ef8ff
```
#4ef8ff rgb(78,248,255)
```
#62f9ff
```
#62f9ff rgb(98,249,255)
```
#76f9ff
```
#76f9ff rgb(118,249,255)
```
#89faff
```
#89faff rgb(137,250,255)
```
#9dfbff
```
#9dfbff rgb(157,251,255)
```
#b0fcff
```
#b0fcff rgb(176,252,255)
```
#c4fdff
```
#c4fdff rgb(196,253,255)
```
#d8fdff
```
#d8fdff rgb(216,253,255)
```
#ebfeff
```
#ebfeff rgb(235,254,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5a696a
```
#5a696a rgb(90,105,106)
```
#537071
```
#537071 rgb(83,112,113)
```
#4b7779
```
#4b7779 rgb(75,119,121)
```
#447e80
```
#447e80 rgb(68,126,128)
```
#3c8588
```
#3c8588 rgb(60,133,136)
```
#358c8f
```
#358c8f rgb(53,140,143)
```
#2d9297
```
#2d9297 rgb(45,146,151)
```
#26999e
```
#26999e rgb(38,153,158)
```
#1ea0a6
```
#1ea0a6 rgb(30,160,166)
```
#17a7ad
```
#17a7ad rgb(23,167,173)
```
#0faeb5
```
#0faeb5 rgb(15,174,181)
```
#08b5bc
```
#08b5bc rgb(8,181,188)
```
#00bcc4
```
#00bcc4 rgb(0,188,196)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6a9092 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acacbc Protanopia 1% of men
#acaacf Deuteranopia 1% of men
#1fbecc Tritanopia 0.001% of the population

Trichromacy

#6db2bf Protanomaly 1% of men, 0.01% of women
#6db0cb Deuteranomaly 6% of men, 0.4% of women
#13bdc9 Tritanomaly 0.01% of the population

#00bcc4 hex color

#00bcc4 Color Information

#00bcc4 Color Conversion

Color Schemes with #00bcc4

Alternatives to #00bcc4

#00bcc4 Preview

Shades and Tints of #00bcc4

Tones of #00bcc4

Color Blindness Simulator