colorhexa.com

#01bdd4 hex color

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

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

● #01bdd4 color description : Strong cyan.

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

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

CIE-LAB	70.282, -31.133, -22.727
XYZ	30.09, 41.152, 68.641
xyY	0.215, 0.294, 41.152
CIE-LCH	70.282, 38.546, 216.13
CIE-LUV	70.282, -51.883, -31.33
Hunter-Lab	64.15, -28.534, -18.536
Binary	00000001, 10111101, 11010100

#01bdd4
```
#01bdd4 rgb(1,189,212)
```
#d41801
```
#d41801 rgb(212,24,1)
```

Complementary Color

#01d482
```
#01d482 rgb(1,212,130)
```
#01bdd4
```
#01bdd4 rgb(1,189,212)
```
#0154d4
```
#0154d4 rgb(1,84,212)
```

Analogous Color

#d48201
```
#d48201 rgb(212,130,1)
```
#01bdd4
```
#01bdd4 rgb(1,189,212)
```
#d40154
```
#d40154 rgb(212,1,84)
```

Split Complementary Color

#bdd401
```
#bdd401 rgb(189,212,1)
```
#01bdd4
```
#01bdd4 rgb(1,189,212)
```
#d401bd
```
#d401bd rgb(212,1,189)
```

Triadic Color

#017988
```
#017988 rgb(1,121,136)
```
#0190a1
```
#0190a1 rgb(1,144,161)
```
#01a6bb
```
#01a6bb rgb(1,166,187)
```
#01bdd4
```
#01bdd4 rgb(1,189,212)
```
#01d4ed
```
#01d4ed rgb(1,212,237)
```
#0ae3fe
```
#0ae3fe rgb(10,227,254)
```
#24e6fe
```
#24e6fe rgb(36,230,254)
```

Monochromatic Color

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

#01d4b6
```
#01d4b6 rgb(1,212,182)
```
#01d4c8
```
#01d4c8 rgb(1,212,200)
```
#01cfd4
```
#01cfd4 rgb(1,207,212)
```
#01bdd4
```
#01bdd4 rgb(1,189,212)
```
#01abd4
```
#01abd4 rgb(1,171,212)
```
#019ad4
```
#019ad4 rgb(1,154,212)
```
#0188d4
```
#0188d4 rgb(1,136,212)
```

Similar Colors

Text with hexadecimal color #01bdd4

This text has a font color of #01bdd4.

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

#01bdd4 background color

This paragraph has a background color of #01bdd4.

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

#01bdd4 border color

This element has a border color of #01bdd4.

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

CSS codes

.text {color:#01bdd4;}

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

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

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)
```
#003238
```
#003238 rgb(0,50,56)
```
#00434b
```
#00434b rgb(0,67,75)
```
#00555f
```
#00555f rgb(0,85,95)
```
#016672
```
#016672 rgb(1,102,114)
```
#017786
```
#017786 rgb(1,119,134)
```
#018999
```
#018999 rgb(1,137,153)
```
#019aad
```
#019aad rgb(1,154,173)
```
#01acc0
```
#01acc0 rgb(1,172,192)
```
#01bdd4
```
#01bdd4 rgb(1,189,212)
```
#01cee8
```
#01cee8 rgb(1,206,232)
```
#01e0fb
```
#01e0fb rgb(1,224,251)
```

Shade Color Variation

#12e4fe
```
#12e4fe rgb(18,228,254)
```
#25e6fe
```
#25e6fe rgb(37,230,254)
```
#39e9fe
```
#39e9fe rgb(57,233,254)
```
#4debfe
```
#4debfe rgb(77,235,254)
```
#60edfe
```
#60edfe rgb(96,237,254)
```
#74effe
```
#74effe rgb(116,239,254)
```
#87f1fe
```
#87f1fe rgb(135,241,254)
```
#9bf4ff
```
#9bf4ff rgb(155,244,255)
```
#aef6ff
```
#aef6ff rgb(174,246,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 #01bdd4 is the most saturated one.

#637072
```
#637072 rgb(99,112,114)
```
#5b777a
```
#5b777a rgb(91,119,122)
```
#537d82
```
#537d82 rgb(83,125,130)
```
#4b838a
```
#4b838a rgb(75,131,138)
```
#438a92
```
#438a92 rgb(67,138,146)
```
#3a909b
```
#3a909b rgb(58,144,155)
```
#3297a3
```
#3297a3 rgb(50,151,163)
```
#2a9dab
```
#2a9dab rgb(42,157,171)
```
#22a3b3
```
#22a3b3 rgb(34,163,179)
```
#1aaabb
```
#1aaabb rgb(26,170,187)
```
#11b0c4
```
#11b0c4 rgb(17,176,196)
```
#09b7cc
```
#09b7cc rgb(9,183,204)
```
#01bdd4
```
#01bdd4 rgb(1,189,212)
```

Tone Color Variation

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

#aaaecb Protanopia 1% of men
#a6addd Deuteranopia 1% of men
#00c1cf Tritanopia 0.001% of the population

Trichromacy

#6cb3ce Protanomaly 1% of men, 0.01% of women
#6ab3da Deuteranomaly 6% of men, 0.4% of women
#00bfd0 Tritanomaly 0.01% of the population