#01d4dc hex color

In a RGB color space, hex #01d4dc is composed of 0.4% red, 83.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 3.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 182.2 degrees, a saturation of 99.1% and a lightness of 43.3%. #01d4dc color hex could be obtained by blending #02ffff with #00a9b9. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 83
- B 86
RGB color chart
- C 100
- M 4
- Y 0
- K 14
CMYK color chart

● #01d4dc color description : Vivid cyan.

The hexadecimal color #01d4dc has RGB values of R:1, G:212, B:220 and CMYK values of C:1, M:0.04, Y:0, K:0.14. Its decimal value is 120028.

Hex triplet	01d4dc	`#01d4dc`
RGB Decimal	1, 212, 220	`rgb(1,212,220)`
RGB Percent	0.4, 83.1, 86.3	`rgb(0.4%,83.1%,86.3%)`
CMYK	100, 4, 0, 14
HSL	182.2°, 99.1, 43.3	`hsl(182.2,99.1%,43.3%)`
HSV (or HSB)	182.2°, 99.5, 86.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	77.434, -39.402, -16.217
XYZ	36.47, 52.257, 75.871
xyY	0.222, 0.317, 52.257
CIE-LCH	77.434, 42.608, 202.371
CIE-LUV	77.434, -59.021, -19.667
Hunter-Lab	72.289, -36.451, -11.625
Binary	00000001, 11010100, 11011100

#01d4dc
```
#01d4dc rgb(1,212,220)
```
#dc0901
```
#dc0901 rgb(220,9,1)
```

Complementary Color

#01dc77
```
#01dc77 rgb(1,220,119)
```
#01d4dc
```
#01d4dc rgb(1,212,220)
```
#0167dc
```
#0167dc rgb(1,103,220)
```

Analogous Color

#dc7701
```
#dc7701 rgb(220,119,1)
```
#01d4dc
```
#01d4dc rgb(1,212,220)
```
#dc0167
```
#dc0167 rgb(220,1,103)
```

Split Complementary Color

#d4dc01
```
#d4dc01 rgb(212,220,1)
```
#01d4dc
```
#01d4dc rgb(1,212,220)
```
#dc01d4
```
#dc01d4 rgb(220,1,212)
```

Triadic Color

#01dc09
```
#01dc09 rgb(1,220,9)
```
#01d4dc
```
#01d4dc rgb(1,212,220)
```
#dc01d4
```
#dc01d4 rgb(220,1,212)
```
#dc0901
```
#dc0901 rgb(220,9,1)
```

Tetradic Color

#018b90
```
#018b90 rgb(1,139,144)
```
#01a3a9
```
#01a3a9 rgb(1,163,169)
```
#01bcc3
```
#01bcc3 rgb(1,188,195)
```
#01d4dc
```
#01d4dc rgb(1,212,220)
```
#01ecf5
```
#01ecf5 rgb(1,236,245)
```
#12f5fe
```
#12f5fe rgb(18,245,254)
```
#2bf6fe
```
#2bf6fe rgb(43,246,254)
```

Monochromatic Color

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

#01dcad
```
#01dcad rgb(1,220,173)
```
#01dcc0
```
#01dcc0 rgb(1,220,192)
```
#01dcd2
```
#01dcd2 rgb(1,220,210)
```
#01d4dc
```
#01d4dc rgb(1,212,220)
```
#01c2dc
```
#01c2dc rgb(1,194,220)
```
#01b0dc
```
#01b0dc rgb(1,176,220)
```
#019ddc
```
#019ddc rgb(1,157,220)
```

Similar Colors

Text with hexadecimal color #01d4dc

This text has a font color of #01d4dc.

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

#01d4dc background color

This paragraph has a background color of #01d4dc.

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

#01d4dc border color

This element has a border color of #01d4dc.

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

CSS codes

.text {color:#01d4dc;}

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

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

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

#000505
```
#000505 rgb(0,5,5)
```
#001819
```
#001819 rgb(0,24,25)
```
#002b2c
```
#002b2c rgb(0,43,44)
```
#003d40
```
#003d40 rgb(0,61,64)
```
#005053
```
#005053 rgb(0,80,83)
```
#006367
```
#006367 rgb(0,99,103)
```
#01767a
```
#01767a rgb(1,118,122)
```
#01898e
```
#01898e rgb(1,137,142)
```
#019ca1
```
#019ca1 rgb(1,156,161)
```
#01aeb5
```
#01aeb5 rgb(1,174,181)
```
#01c1c8
```
#01c1c8 rgb(1,193,200)
```
#01d4dc
```
#01d4dc rgb(1,212,220)
```
#01e7f0
```
#01e7f0 rgb(1,231,240)
```

Shade Color Variation

#06f5fe
```
#06f5fe rgb(6,245,254)
```
#1af6fe
```
#1af6fe rgb(26,246,254)
```
#2df6fe
```
#2df6fe rgb(45,246,254)
```
#41f7fe
```
#41f7fe rgb(65,247,254)
```
#54f8fe
```
#54f8fe rgb(84,248,254)
```
#68f9fe
```
#68f9fe rgb(104,249,254)
```
#7cfafe
```
#7cfafe rgb(124,250,254)
```
#8ffafe
```
#8ffafe rgb(143,250,254)
```
#a3fbff
```
#a3fbff rgb(163,251,255)
```
#b6fcff
```
#b6fcff rgb(182,252,255)
```
#cafdff
```
#cafdff rgb(202,253,255)
```
#ddfeff
```
#ddfeff rgb(221,254,255)
```
#f1feff
```
#f1feff rgb(241,254,255)
```

Tint Color Variation

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

#677576
```
#677576 rgb(103,117,118)
```
#5f7d7f
```
#5f7d7f rgb(95,125,127)
```
#568587
```
#568587 rgb(86,133,135)
```
#4e8d90
```
#4e8d90 rgb(78,141,144)
```
#459598
```
#459598 rgb(69,149,152)
```
#3d9da1
```
#3d9da1 rgb(61,157,161)
```
#34a5a9
```
#34a5a9 rgb(52,165,169)
```
#2cadb2
```
#2cadb2 rgb(44,173,178)
```
#23b4ba
```
#23b4ba rgb(35,180,186)
```
#1bbcc3
```
#1bbcc3 rgb(27,188,195)
```
#12c4cb
```
#12c4cb rgb(18,196,203)
```
#0accd4
```
#0accd4 rgb(10,204,212)
```
#01d4dc
```
#01d4dc rgb(1,212,220)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#78a2a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c1d1 Protanopia 1% of men
#c1bee6 Deuteranopia 1% of men
#25d5e4 Tritanopia 0.001% of the population

Trichromacy

#7bc8d5 Protanomaly 1% of men, 0.01% of women
#7bc6e2 Deuteranomaly 6% of men, 0.4% of women
#18d4e1 Tritanomaly 0.01% of the population

#01d4dc hex color

#01d4dc Color Information

#01d4dc Color Conversion

Color Schemes with #01d4dc

Alternatives to #01d4dc

#01d4dc Preview

Shades and Tints of #01d4dc

Tones of #01d4dc

Color Blindness Simulator