#01bcd4 hex color

In a RGB color space, hex #01bcd4 is composed of 0.4% red, 73.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 11.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 186.8 degrees, a saturation of 99.1% and a lightness of 41.8%. #01bcd4 color hex could be obtained by blending #02ffff with #0079a9. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 74
- B 83
RGB color chart
- C 100
- M 11
- Y 0
- K 17
CMYK color chart

● #01bcd4 color description : Strong cyan.

The hexadecimal color #01bcd4 has RGB values of R:1, G:188, B:212 and CMYK values of C:1, M:0.11, Y:0, K:0.17. Its decimal value is 113876.

Hex triplet	01bcd4	`#01bcd4`
RGB Decimal	1, 188, 212	`rgb(1,188,212)`
RGB Percent	0.4, 73.7, 83.1	`rgb(0.4%,73.7%,83.1%)`
CMYK	100, 11, 0, 17
HSL	186.8°, 99.1, 41.8	`hsl(186.8,99.1%,41.8%)`
HSV (or HSB)	186.8°, 99.5, 83.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.982, -30.648, -23.186
XYZ	29.876, 40.723, 68.569
xyY	0.215, 0.293, 40.723
CIE-LCH	69.982, 38.43, 217.108
CIE-LUV	69.982, -51.542, -32.143
Hunter-Lab	63.815, -28.108, -19.037
Binary	00000001, 10111100, 11010100

#01bcd4
```
#01bcd4 rgb(1,188,212)
```
#d41901
```
#d41901 rgb(212,25,1)
```

Complementary Color

#01d483
```
#01d483 rgb(1,212,131)
```
#01bcd4
```
#01bcd4 rgb(1,188,212)
```
#0152d4
```
#0152d4 rgb(1,82,212)
```

Analogous Color

#d48301
```
#d48301 rgb(212,131,1)
```
#01bcd4
```
#01bcd4 rgb(1,188,212)
```
#d40152
```
#d40152 rgb(212,1,82)
```

Split Complementary Color

#bcd401
```
#bcd401 rgb(188,212,1)
```
#01bcd4
```
#01bcd4 rgb(1,188,212)
```
#d401bc
```
#d401bc rgb(212,1,188)
```

Triadic Color

#01d419
```
#01d419 rgb(1,212,25)
```
#01bcd4
```
#01bcd4 rgb(1,188,212)
```
#d401bc
```
#d401bc rgb(212,1,188)
```
#d41901
```
#d41901 rgb(212,25,1)
```

Tetradic Color

#017888
```
#017888 rgb(1,120,136)
```
#018fa1
```
#018fa1 rgb(1,143,161)
```
#01a5bb
```
#01a5bb rgb(1,165,187)
```
#01bcd4
```
#01bcd4 rgb(1,188,212)
```
#01d3ed
```
#01d3ed rgb(1,211,237)
```
#0ae2fe
```
#0ae2fe rgb(10,226,254)
```
#24e5fe
```
#24e5fe rgb(36,229,254)
```

Monochromatic Color

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

#01d4b7
```
#01d4b7 rgb(1,212,183)
```
#01d4c9
```
#01d4c9 rgb(1,212,201)
```
#01ced4
```
#01ced4 rgb(1,206,212)
```
#01bcd4
```
#01bcd4 rgb(1,188,212)
```
#01aad4
```
#01aad4 rgb(1,170,212)
```
#0199d4
```
#0199d4 rgb(1,153,212)
```
#0187d4
```
#0187d4 rgb(1,135,212)
```

Similar Colors

Text with hexadecimal color #01bcd4

This text has a font color of #01bcd4.

<span style="color:#01bcd4;">Text here</span>

#01bcd4 background color

This paragraph has a background color of #01bcd4.

<p style="background-color:#01bcd4;">Content here</p>

#01bcd4 border color

This element has a border color of #01bcd4.

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

CSS codes

.text {color:#01bcd4;}

.background {background-color:#01bcd4;}

.border {border:1px solid #01bcd4;}

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

#000f11
```
#000f11 rgb(0,15,17)
```
#002024
```
#002024 rgb(0,32,36)
```
#003138
```
#003138 rgb(0,49,56)
```
#00434b
```
#00434b rgb(0,67,75)
```
#00545f
```
#00545f rgb(0,84,95)
```
#016572
```
#016572 rgb(1,101,114)
```
#017786
```
#017786 rgb(1,119,134)
```
#018899
```
#018899 rgb(1,136,153)
```
#0199ad
```
#0199ad rgb(1,153,173)
```
#01abc0
```
#01abc0 rgb(1,171,192)
```
#01bcd4
```
#01bcd4 rgb(1,188,212)
```
#01cde8
```
#01cde8 rgb(1,205,232)
```
#01dffb
```
#01dffb rgb(1,223,251)
```

Shade Color Variation

#12e3fe
```
#12e3fe rgb(18,227,254)
```
#25e5fe
```
#25e5fe rgb(37,229,254)
```
#39e8fe
```
#39e8fe rgb(57,232,254)
```
#4deafe
```
#4deafe rgb(77,234,254)
```
#60ecfe
```
#60ecfe rgb(96,236,254)
```
#74effe
```
#74effe rgb(116,239,254)
```
#87f1fe
```
#87f1fe rgb(135,241,254)
```
#9bf3ff
```
#9bf3ff rgb(155,243,255)
```
#aef5ff
```
#aef5ff rgb(174,245,255)
```
#c2f8ff
```
#c2f8ff rgb(194,248,255)
```
#d5faff
```
#d5faff rgb(213,250,255)
```
#e9fcff
```
#e9fcff rgb(233,252,255)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#637072
```
#637072 rgb(99,112,114)
```
#5b767a
```
#5b767a rgb(91,118,122)
```
#537d82
```
#537d82 rgb(83,125,130)
```
#4b838a
```
#4b838a rgb(75,131,138)
```
#438992
```
#438992 rgb(67,137,146)
```
#3a909b
```
#3a909b rgb(58,144,155)
```
#3296a3
```
#3296a3 rgb(50,150,163)
```
#2a9cab
```
#2a9cab rgb(42,156,171)
```
#22a3b3
```
#22a3b3 rgb(34,163,179)
```
#1aa9bb
```
#1aa9bb rgb(26,169,187)
```
#11afc4
```
#11afc4 rgb(17,175,196)
```
#09b6cc
```
#09b6cc rgb(9,182,204)
```
#01bcd4
```
#01bcd4 rgb(1,188,212)
```

Tone Color Variation

Below, you can see how #01bcd4 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

#878787 Achromatopsia 0.005% of the population
#6c9296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9adcb Protanopia 1% of men
#a5acdd Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

#6cb3ce Protanomaly 1% of men, 0.01% of women
#69b2da Deuteranomaly 6% of men, 0.4% of women
#00bed0 Tritanomaly 0.01% of the population

#01bcd4 hex color

#01bcd4 Color Information

#01bcd4 Color Conversion

Color Schemes with #01bcd4

Alternatives to #01bcd4

#01bcd4 Preview

Shades and Tints of #01bcd4

Tones of #01bcd4

Color Blindness Simulator