colorhexa.com

#01abdc hex color

In a RGB color space, hex #01abdc is composed of 0.4% red, 67.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 22.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 193.4 degrees, a saturation of 99.1% and a lightness of 43.3%. #01abdc color hex could be obtained by blending #02ffff with #0057b9. Closest websafe color is: #0099cc.

- R 0
- G 67
- B 86
RGB color chart
- C 100
- M 22
- Y 0
- K 14
CMYK color chart

● #01abdc color description : Vivid cyan.

The hexadecimal color #01abdc has RGB values of R:1, G:171, B:220 and CMYK values of C:1, M:0.22, Y:0, K:0.14. Its decimal value is 109532.

Hex triplet	01abdc	`#01abdc`
RGB Decimal	1, 171, 220	`rgb(1,171,220)`
RGB Percent	0.4, 67.1, 86.3	`rgb(0.4%,67.1%,86.3%)`
CMYK	100, 22, 0, 14
HSL	193.4°, 99.1, 43.3	`hsl(193.4,99.1%,43.3%)`
HSV (or HSB)	193.4°, 99.5, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.198, -19.328, -34.952
XYZ	27.49, 34.297, 72.877
xyY	0.204, 0.255, 34.297
CIE-LCH	65.198, 39.94, 241.058
CIE-LUV	65.198, -45.144, -52.97
Hunter-Lab	58.564, -18.697, -32.787
Binary	00000001, 10101011, 11011100

#01abdc
```
#01abdc rgb(1,171,220)
```
#dc3201
```
#dc3201 rgb(220,50,1)
```

Complementary Color

#01dca0
```
#01dca0 rgb(1,220,160)
```
#01abdc
```
#01abdc rgb(1,171,220)
```
#013edc
```
#013edc rgb(1,62,220)
```

Analogous Color

#dca001
```
#dca001 rgb(220,160,1)
```
#01abdc
```
#01abdc rgb(1,171,220)
```
#dc013e
```
#dc013e rgb(220,1,62)
```

Split Complementary Color

#abdc01
```
#abdc01 rgb(171,220,1)
```
#01abdc
```
#01abdc rgb(1,171,220)
```
#dc01ab
```
#dc01ab rgb(220,1,171)
```

Triadic Color

#017090
```
#017090 rgb(1,112,144)
```
#0184a9
```
#0184a9 rgb(1,132,169)
```
#0197c3
```
#0197c3 rgb(1,151,195)
```
#01abdc
```
#01abdc rgb(1,171,220)
```
#01bff5
```
#01bff5 rgb(1,191,245)
```
#12c9fe
```
#12c9fe rgb(18,201,254)
```
#2bcffe
```
#2bcffe rgb(43,207,254)
```

Monochromatic Color

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

#01dcd6
```
#01dcd6 rgb(1,220,214)
```
#01d0dc
```
#01d0dc rgb(1,208,220)
```
#01bddc
```
#01bddc rgb(1,189,220)
```
#01abdc
```
#01abdc rgb(1,171,220)
```
#0199dc
```
#0199dc rgb(1,153,220)
```
#0187dc
```
#0187dc rgb(1,135,220)
```
#0174dc
```
#0174dc rgb(1,116,220)
```

Similar Colors

Text with hexadecimal color #01abdc

This text has a font color of #01abdc.

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

#01abdc background color

This paragraph has a background color of #01abdc.

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

#01abdc border color

This element has a border color of #01abdc.

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

CSS codes

.text {color:#01abdc;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001319
```
#001319 rgb(0,19,25)
```
#00222c
```
#00222c rgb(0,34,44)
```
#003240
```
#003240 rgb(0,50,64)
```
#004153
```
#004153 rgb(0,65,83)
```
#005067
```
#005067 rgb(0,80,103)
```
#015f7a
```
#015f7a rgb(1,95,122)
```
#016e8e
```
#016e8e rgb(1,110,142)
```
#017da1
```
#017da1 rgb(1,125,161)
```
#018db5
```
#018db5 rgb(1,141,181)
```
#019cc8
```
#019cc8 rgb(1,156,200)
```
#01abdc
```
#01abdc rgb(1,171,220)
```
#01baf0
```
#01baf0 rgb(1,186,240)
```

Shade Color Variation

#06c6fe
```
#06c6fe rgb(6,198,254)
```
#1acbfe
```
#1acbfe rgb(26,203,254)
```
#2dcffe
```
#2dcffe rgb(45,207,254)
```
#41d4fe
```
#41d4fe rgb(65,212,254)
```
#54d8fe
```
#54d8fe rgb(84,216,254)
```
#68ddfe
```
#68ddfe rgb(104,221,254)
```
#7ce1fe
```
#7ce1fe rgb(124,225,254)
```
#8fe6fe
```
#8fe6fe rgb(143,230,254)
```
#a3eaff
```
#a3eaff rgb(163,234,255)
```
#b6eeff
```
#b6eeff rgb(182,238,255)
```
#caf3ff
```
#caf3ff rgb(202,243,255)
```
#ddf7ff
```
#ddf7ff rgb(221,247,255)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

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

#677376
```
#677376 rgb(103,115,118)
```
#5f777f
```
#5f777f rgb(95,119,127)
```
#567c87
```
#567c87 rgb(86,124,135)
```
#4e8190
```
#4e8190 rgb(78,129,144)
```
#458598
```
#458598 rgb(69,133,152)
```
#3d8aa1
```
#3d8aa1 rgb(61,138,161)
```
#348fa9
```
#348fa9 rgb(52,143,169)
```
#2c94b2
```
#2c94b2 rgb(44,148,178)
```
#2398ba
```
#2398ba rgb(35,152,186)
```
#1b9dc3
```
#1b9dc3 rgb(27,157,195)
```
#12a2cb
```
#12a2cb rgb(18,162,203)
```
#0aa6d4
```
#0aa6d4 rgb(10,166,212)
```
#01abdc
```
#01abdc rgb(1,171,220)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#658791 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a1d4 Protanopia 1% of men
#88a2e3 Deuteranopia 1% of men
#00b3bf Tritanopia 0.001% of the population

Trichromacy

#5ea4d7 Protanomaly 1% of men, 0.01% of women
#57a5e0 Deuteranomaly 6% of men, 0.4% of women
#00b0c9 Tritanomaly 0.01% of the population