#01bec5 hex color

In a RGB color space, hex #01bec5 is composed of 0.4% red, 74.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 3.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 182.1 degrees, a saturation of 99% and a lightness of 38.8%. #01bec5 color hex could be obtained by blending #02ffff with #007d8b. Closest websafe color is: #00cccc.

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

● #01bec5 color description : Strong cyan.

The hexadecimal color #01bec5 has RGB values of R:1, G:190, B:197 and CMYK values of C:0.99, M:0.04, Y:0, K:0.23. Its decimal value is 114373.

Hex triplet	01bec5	`#01bec5`
RGB Decimal	1, 190, 197	`rgb(1,190,197)`
RGB Percent	0.4, 74.5, 77.3	`rgb(0.4%,74.5%,77.3%)`
CMYK	99, 4, 0, 23
HSL	182.1°, 99, 38.8	`hsl(182.1,99%,38.8%)`
HSV (or HSB)	182.1°, 99.5, 77.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.079, -36.365, -14.829
XYZ	28.501, 40.862, 59.205
xyY	0.222, 0.318, 40.862
CIE-LCH	70.079, 39.272, 202.185
CIE-LUV	70.079, -53.43, -17.61
Hunter-Lab	63.923, -32.279, -10.168
Binary	00000001, 10111110, 11000101

#01bec5
```
#01bec5 rgb(1,190,197)
```
#c50801
```
#c50801 rgb(197,8,1)
```

Complementary Color

#01c56a
```
#01c56a rgb(1,197,106)
```
#01bec5
```
#01bec5 rgb(1,190,197)
```
#015cc5
```
#015cc5 rgb(1,92,197)
```

Analogous Color

#c56a01
```
#c56a01 rgb(197,106,1)
```
#01bec5
```
#01bec5 rgb(1,190,197)
```
#c5015c
```
#c5015c rgb(197,1,92)
```

Split Complementary Color

#bec501
```
#bec501 rgb(190,197,1)
```
#01bec5
```
#01bec5 rgb(1,190,197)
```
#c501be
```
#c501be rgb(197,1,190)
```

Triadic Color

#01c508
```
#01c508 rgb(1,197,8)
```
#01bec5
```
#01bec5 rgb(1,190,197)
```
#c501be
```
#c501be rgb(197,1,190)
```
#c50801
```
#c50801 rgb(197,8,1)
```

Tetradic Color

#017579
```
#017579 rgb(1,117,121)
```
#018d92
```
#018d92 rgb(1,141,146)
```
#01a6ac
```
#01a6ac rgb(1,166,172)
```
#01bec5
```
#01bec5 rgb(1,190,197)
```
#01d6de
```
#01d6de rgb(1,214,222)
```
#01eff8
```
#01eff8 rgb(1,239,248)
```
#15f5fe
```
#15f5fe rgb(21,245,254)
```

Monochromatic Color

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

#01c59b
```
#01c59b rgb(1,197,155)
```
#01c5ab
```
#01c5ab rgb(1,197,171)
```
#01c5bc
```
#01c5bc rgb(1,197,188)
```
#01bec5
```
#01bec5 rgb(1,190,197)
```
#01aec5
```
#01aec5 rgb(1,174,197)
```
#019dc5
```
#019dc5 rgb(1,157,197)
```
#018dc5
```
#018dc5 rgb(1,141,197)
```

Similar Colors

Text with hexadecimal color #01bec5

This text has a font color of #01bec5.

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

#01bec5 background color

This paragraph has a background color of #01bec5.

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

#01bec5 border color

This element has a border color of #01bec5.

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

CSS codes

.text {color:#01bec5;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001515
```
#001515 rgb(0,21,21)
```
#002729
```
#002729 rgb(0,39,41)
```
#003a3c
```
#003a3c rgb(0,58,60)
```
#004d50
```
#004d50 rgb(0,77,80)
```
#016063
```
#016063 rgb(1,96,99)
```
#017377
```
#017377 rgb(1,115,119)
```
#01868a
```
#01868a rgb(1,134,138)
```
#01989e
```
#01989e rgb(1,152,158)
```
#01abb1
```
#01abb1 rgb(1,171,177)
```
#01bec5
```
#01bec5 rgb(1,190,197)
```
#01d1d9
```
#01d1d9 rgb(1,209,217)
```
#01e4ec
```
#01e4ec rgb(1,228,236)
```

Shade Color Variation

#03f5fe
```
#03f5fe rgb(3,245,254)
```
#17f6fe
```
#17f6fe rgb(23,246,254)
```
#2af6fe
```
#2af6fe rgb(42,246,254)
```
#3ef7fe
```
#3ef7fe rgb(62,247,254)
```
#51f8fe
```
#51f8fe rgb(81,248,254)
```
#65f9fe
```
#65f9fe rgb(101,249,254)
```
#78fafe
```
#78fafe rgb(120,250,254)
```
#8cfafe
```
#8cfafe rgb(140,250,254)
```
#9ffbff
```
#9ffbff rgb(159,251,255)
```
#b3fcff
```
#b3fcff rgb(179,252,255)
```
#c6fdff
```
#c6fdff rgb(198,253,255)
```
#dafdff
```
#dafdff rgb(218,253,255)
```
#edfeff
```
#edfeff rgb(237,254,255)
```

Tint Color Variation

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

#5c696a
```
#5c696a rgb(92,105,106)
```
#557071
```
#557071 rgb(85,112,113)
```
#4d7779
```
#4d7779 rgb(77,119,121)
```
#467e80
```
#467e80 rgb(70,126,128)
```
#3e8588
```
#3e8588 rgb(62,133,136)
```
#368d90
```
#368d90 rgb(54,141,144)
```
#2f9497
```
#2f9497 rgb(47,148,151)
```
#279b9f
```
#279b9f rgb(39,155,159)
```
#1fa2a7
```
#1fa2a7 rgb(31,162,167)
```
#18a9ae
```
#18a9ae rgb(24,169,174)
```
#10b0b6
```
#10b0b6 rgb(16,176,182)
```
#09b7bd
```
#09b7bd rgb(9,183,189)
```
#01bec5
```
#01bec5 rgb(1,190,197)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6b9193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeaebd Protanopia 1% of men
#aeacd0 Deuteranopia 1% of men
#22c0ce Tritanopia 0.001% of the population

Trichromacy

#6fb4bf Protanomaly 1% of men, 0.01% of women
#6fb2cc Deuteranomaly 6% of men, 0.4% of women
#16bfcb Tritanomaly 0.01% of the population

#01bec5 hex color

#01bec5 Color Information

#01bec5 Color Conversion

Color Schemes with #01bec5

Alternatives to #01bec5

#01bec5 Preview

Shades and Tints of #01bec5

Tones of #01bec5

Color Blindness Simulator