#01bec4 hex color

In a RGB color space, hex #01bec4 is composed of 0.4% red, 74.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 3.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 181.8 degrees, a saturation of 99% and a lightness of 38.6%. #01bec4 color hex could be obtained by blending #02ffff with #007d89. Closest websafe color is: #00cccc.

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

● #01bec4 color description : Strong cyan.

The hexadecimal color #01bec4 has RGB values of R:1, G:190, B:196 and CMYK values of C:0.99, M:0.03, Y:0, K:0.23. Its decimal value is 114372.

Hex triplet	01bec4	`#01bec4`
RGB Decimal	1, 190, 196	`rgb(1,190,196)`
RGB Percent	0.4, 74.5, 76.9	`rgb(0.4%,74.5%,76.9%)`
CMYK	99, 3, 0, 23
HSL	181.8°, 99, 38.6	`hsl(181.8,99%,38.6%)`
HSV (or HSB)	181.8°, 99.5, 76.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.047, -36.674, -14.33
XYZ	28.387, 40.816, 58.604
xyY	0.222, 0.319, 40.816
CIE-LCH	70.047, 39.374, 201.343
CIE-LUV	70.047, -53.511, -16.756
Hunter-Lab	63.887, -32.491, -9.665
Binary	00000001, 10111110, 11000100

#01bec4
```
#01bec4 rgb(1,190,196)
```
#c40701
```
#c40701 rgb(196,7,1)
```

Complementary Color

#01c469
```
#01c469 rgb(1,196,105)
```
#01bec4
```
#01bec4 rgb(1,190,196)
```
#015dc4
```
#015dc4 rgb(1,93,196)
```

Analogous Color

#c46901
```
#c46901 rgb(196,105,1)
```
#01bec4
```
#01bec4 rgb(1,190,196)
```
#c4015d
```
#c4015d rgb(196,1,93)
```

Split Complementary Color

#bec401
```
#bec401 rgb(190,196,1)
```
#01bec4
```
#01bec4 rgb(1,190,196)
```
#c401be
```
#c401be rgb(196,1,190)
```

Triadic Color

#01c407
```
#01c407 rgb(1,196,7)
```
#01bec4
```
#01bec4 rgb(1,190,196)
```
#c401be
```
#c401be rgb(196,1,190)
```
#c40701
```
#c40701 rgb(196,7,1)
```

Tetradic Color

#017478
```
#017478 rgb(1,116,120)
```
#018d91
```
#018d91 rgb(1,141,145)
```
#01a5ab
```
#01a5ab rgb(1,165,171)
```
#01bec4
```
#01bec4 rgb(1,190,196)
```
#01d7dd
```
#01d7dd rgb(1,215,221)
```
#01eff7
```
#01eff7 rgb(1,239,247)
```
#14f7fe
```
#14f7fe rgb(20,247,254)
```

Monochromatic Color

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

#01c499
```
#01c499 rgb(1,196,153)
```
#01c4aa
```
#01c4aa rgb(1,196,170)
```
#01c4ba
```
#01c4ba rgb(1,196,186)
```
#01bec4
```
#01bec4 rgb(1,190,196)
```
#01aec4
```
#01aec4 rgb(1,174,196)
```
#019ec4
```
#019ec4 rgb(1,158,196)
```
#018dc4
```
#018dc4 rgb(1,141,196)
```

Similar Colors

Text with hexadecimal color #01bec4

This text has a font color of #01bec4.

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

#01bec4 background color

This paragraph has a background color of #01bec4.

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

#01bec4 border color

This element has a border color of #01bec4.

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

CSS codes

.text {color:#01bec4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001414
```
#001414 rgb(0,20,20)
```
#002728
```
#002728 rgb(0,39,40)
```
#003a3b
```
#003a3b rgb(0,58,59)
```
#004c4f
```
#004c4f rgb(0,76,79)
```
#015f62
```
#015f62 rgb(1,95,98)
```
#017276
```
#017276 rgb(1,114,118)
```
#018589
```
#018589 rgb(1,133,137)
```
#01989d
```
#01989d rgb(1,152,157)
```
#01abb0
```
#01abb0 rgb(1,171,176)
```
#01bec4
```
#01bec4 rgb(1,190,196)
```
#01d1d8
```
#01d1d8 rgb(1,209,216)
```
#01e4eb
```
#01e4eb rgb(1,228,235)
```

Shade Color Variation

#02f6fe
```
#02f6fe rgb(2,246,254)
```
#16f7fe
```
#16f7fe rgb(22,247,254)
```
#29f7fe
```
#29f7fe rgb(41,247,254)
```
#3df8fe
```
#3df8fe rgb(61,248,254)
```
#50f9fe
```
#50f9fe rgb(80,249,254)
```
#64f9fe
```
#64f9fe rgb(100,249,254)
```
#77fafe
```
#77fafe rgb(119,250,254)
```
#8bfbfe
```
#8bfbfe rgb(139,251,254)
```
#9efcff
```
#9efcff rgb(158,252,255)
```
#b2fcff
```
#b2fcff rgb(178,252,255)
```
#c5fdff
```
#c5fdff rgb(197,253,255)
```
#d9feff
```
#d9feff rgb(217,254,255)
```
#ecfeff
```
#ecfeff rgb(236,254,255)
```

Tint Color Variation

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

#5c6969
```
#5c6969 rgb(92,105,105)
```
#547071
```
#547071 rgb(84,112,113)
```
#4d7778
```
#4d7778 rgb(77,119,120)
```
#457e80
```
#457e80 rgb(69,126,128)
```
#3e8587
```
#3e8587 rgb(62,133,135)
```
#368c8f
```
#368c8f rgb(54,140,143)
```
#2e9397
```
#2e9397 rgb(46,147,151)
```
#279a9e
```
#279a9e rgb(39,154,158)
```
#1fa2a6
```
#1fa2a6 rgb(31,162,166)
```
#18a9ad
```
#18a9ad rgb(24,169,173)
```
#10b0b5
```
#10b0b5 rgb(16,176,181)
```
#09b7bc
```
#09b7bc rgb(9,183,188)
```
#01bec4
```
#01bec4 rgb(1,190,196)
```

Tone Color Variation

Below, you can see how #01bec4 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
#6b9192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeaebc Protanopia 1% of men
#afabcf Deuteranopia 1% of men
#23c0ce Tritanopia 0.001% of the population

Trichromacy

#6fb4be Protanomaly 1% of men, 0.01% of women
#6fb2cb Deuteranomaly 6% of men, 0.4% of women
#17bfca Tritanomaly 0.01% of the population

#01bec4 hex color

#01bec4 Color Information

#01bec4 Color Conversion

Color Schemes with #01bec4

Alternatives to #01bec4

#01bec4 Preview

Shades and Tints of #01bec4

Tones of #01bec4

Color Blindness Simulator