colorhexa.com

#01bddf hex color

In a RGB color space, hex #01bddf is composed of 0.4% red, 74.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 15.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 189.2 degrees, a saturation of 99.1% and a lightness of 43.9%. #01bddf color hex could be obtained by blending #02ffff with #007bbf. Closest websafe color is: #00cccc.

- R 0
- G 74
- B 87
RGB color chart
- C 100
- M 15
- Y 0
- K 13
CMYK color chart

● #01bddf color description : Vivid cyan.

The hexadecimal color #01bddf has RGB values of R:1, G:189, B:223 and CMYK values of C:1, M:0.15, Y:0, K:0.13. Its decimal value is 114143.

Hex triplet	01bddf	`#01bddf`
RGB Decimal	1, 189, 223	`rgb(1,189,223)`
RGB Percent	0.4, 74.1, 87.5	`rgb(0.4%,74.1%,87.5%)`
CMYK	100, 15, 0, 13
HSL	189.2°, 99.1, 43.9	`hsl(189.2,99.1%,43.9%)`
HSV (or HSB)	189.2°, 99.6, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.682, -27.52, -28.116
XYZ	31.526, 41.726, 76.2
xyY	0.211, 0.279, 41.726
CIE-LCH	70.682, 39.343, 225.614
CIE-LUV	70.682, -51.01, -40.881
Hunter-Lab	64.596, -25.927, -24.724
Binary	00000001, 10111101, 11011111

#01bddf
```
#01bddf rgb(1,189,223)
```
#df2301
```
#df2301 rgb(223,35,1)
```

Complementary Color

#01df92
```
#01df92 rgb(1,223,146)
```
#01bddf
```
#01bddf rgb(1,189,223)
```
#014edf
```
#014edf rgb(1,78,223)
```

Analogous Color

#df9201
```
#df9201 rgb(223,146,1)
```
#01bddf
```
#01bddf rgb(1,189,223)
```
#df014e
```
#df014e rgb(223,1,78)
```

Split Complementary Color

#bddf01
```
#bddf01 rgb(189,223,1)
```
#01bddf
```
#01bddf rgb(1,189,223)
```
#df01bd
```
#df01bd rgb(223,1,189)
```

Triadic Color

#017c93
```
#017c93 rgb(1,124,147)
```
#0192ac
```
#0192ac rgb(1,146,172)
```
#01a7c6
```
#01a7c6 rgb(1,167,198)
```
#01bddf
```
#01bddf rgb(1,189,223)
```
#01d3f8
```
#01d3f8 rgb(1,211,248)
```
#15dafe
```
#15dafe rgb(21,218,254)
```
#2edefe
```
#2edefe rgb(46,222,254)
```

Monochromatic Color

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

#01dfca
```
#01dfca rgb(1,223,202)
```
#01dfdc
```
#01dfdc rgb(1,223,220)
```
#01d0df
```
#01d0df rgb(1,208,223)
```
#01bddf
```
#01bddf rgb(1,189,223)
```
#01abdf
```
#01abdf rgb(1,171,223)
```
#0198df
```
#0198df rgb(1,152,223)
```
#0186df
```
#0186df rgb(1,134,223)
```

Similar Colors

Text with hexadecimal color #01bddf

This text has a font color of #01bddf.

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

#01bddf background color

This paragraph has a background color of #01bddf.

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

#01bddf border color

This element has a border color of #01bddf.

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

CSS codes

.text {color:#01bddf;}

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

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

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

#000708
```
#000708 rgb(0,7,8)
```
#00171c
```
#00171c rgb(0,23,28)
```
#00282f
```
#00282f rgb(0,40,47)
```
#003943
```
#003943 rgb(0,57,67)
```
#004956
```
#004956 rgb(0,73,86)
```
#005a6a
```
#005a6a rgb(0,90,106)
```
#016a7d
```
#016a7d rgb(1,106,125)
```
#017b91
```
#017b91 rgb(1,123,145)
```
#018ba4
```
#018ba4 rgb(1,139,164)
```
#019cb8
```
#019cb8 rgb(1,156,184)
```
#01accb
```
#01accb rgb(1,172,203)
```
#01bddf
```
#01bddf rgb(1,189,223)
```
#01cef3
```
#01cef3 rgb(1,206,243)
```

Shade Color Variation

#09d8fe
```
#09d8fe rgb(9,216,254)
```
#1ddcfe
```
#1ddcfe rgb(29,220,254)
```
#30dffe
```
#30dffe rgb(48,223,254)
```
#44e2fe
```
#44e2fe rgb(68,226,254)
```
#57e5fe
```
#57e5fe rgb(87,229,254)
```
#6be8fe
```
#6be8fe rgb(107,232,254)
```
#7eebfe
```
#7eebfe rgb(126,235,254)
```
#92eeff
```
#92eeff rgb(146,238,255)
```
#a6f1ff
```
#a6f1ff rgb(166,241,255)
```
#b9f4ff
```
#b9f4ff rgb(185,244,255)
```
#cdf7ff
```
#cdf7ff rgb(205,247,255)
```
#e0faff
```
#e0faff rgb(224,250,255)
```
#f4fdff
```
#f4fdff rgb(244,253,255)
```

Tint Color Variation

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

#687578
```
#687578 rgb(104,117,120)
```
#607b80
```
#607b80 rgb(96,123,128)
```
#578189
```
#578189 rgb(87,129,137)
```
#4f8791
```
#4f8791 rgb(79,135,145)
```
#468d9a
```
#468d9a rgb(70,141,154)
```
#3d93a3
```
#3d93a3 rgb(61,147,163)
```
#3599ab
```
#3599ab rgb(53,153,171)
```
#2c9fb4
```
#2c9fb4 rgb(44,159,180)
```
#23a5bd
```
#23a5bd rgb(35,165,189)
```
#1babc5
```
#1babc5 rgb(27,171,197)
```
#12b1ce
```
#12b1ce rgb(18,177,206)
```
#0ab7d6
```
#0ab7d6 rgb(10,183,214)
```
#01bddf
```
#01bddf rgb(1,189,223)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#6e939a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7afd5 Protanopia 1% of men
#a1aee7 Deuteranopia 1% of men
#00c2d0 Tritanopia 0.001% of the population

Trichromacy

#6bb4d9 Protanomaly 1% of men, 0.01% of women
#66b3e4 Deuteranomaly 6% of men, 0.4% of women
#00c0d5 Tritanomaly 0.01% of the population