#01ccd1 hex color

In a RGB color space, hex #01ccd1 is composed of 0.4% red, 80% green and 82% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 2.4% magenta, 0% yellow and 18% black. It has a hue angle of 181.4 degrees, a saturation of 99% and a lightness of 41.2%. #01ccd1 color hex could be obtained by blending #02ffff with #0099a3. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 80
- B 82
RGB color chart
- C 100
- M 2
- Y 0
- K 18
CMYK color chart

● #01ccd1 color description : Strong cyan.

The hexadecimal color #01ccd1 has RGB values of R:1, G:204, B:209 and CMYK values of C:1, M:0.02, Y:0, K:0.18. Its decimal value is 117969.

Hex triplet	01ccd1	`#01ccd1`
RGB Decimal	1, 204, 209	`rgb(1,204,209)`
RGB Percent	0.4, 80, 82	`rgb(0.4%,80%,82%)`
CMYK	100, 2, 0, 18
HSL	181.4°, 99, 41.2	`hsl(181.4,99%,41.2%)`
HSV (or HSB)	181.4°, 99.5, 82
Web Safe	00cccc	`#00cccc`

CIE-LAB	74.694, -39.108, -14.416
XYZ	33.11, 47.792, 67.798
xyY	0.223, 0.321, 47.792
CIE-LCH	74.694, 41.68, 200.235
CIE-LUV	74.694, -57.215, -16.679
Hunter-Lab	69.132, -35.489, -9.754
Binary	00000001, 11001100, 11010001

#01ccd1
```
#01ccd1 rgb(1,204,209)
```
#d10601
```
#d10601 rgb(209,6,1)
```

Complementary Color

#01d16e
```
#01d16e rgb(1,209,110)
```
#01ccd1
```
#01ccd1 rgb(1,204,209)
```
#0164d1
```
#0164d1 rgb(1,100,209)
```

Analogous Color

#d16e01
```
#d16e01 rgb(209,110,1)
```
#01ccd1
```
#01ccd1 rgb(1,204,209)
```
#d10164
```
#d10164 rgb(209,1,100)
```

Split Complementary Color

#ccd101
```
#ccd101 rgb(204,209,1)
```
#01ccd1
```
#01ccd1 rgb(1,204,209)
```
#d101cc
```
#d101cc rgb(209,1,204)
```

Triadic Color

#01d106
```
#01d106 rgb(1,209,6)
```
#01ccd1
```
#01ccd1 rgb(1,204,209)
```
#d101cc
```
#d101cc rgb(209,1,204)
```
#d10601
```
#d10601 rgb(209,6,1)
```

Tetradic Color

#018285
```
#018285 rgb(1,130,133)
```
#019a9e
```
#019a9e rgb(1,154,158)
```
#01b3b8
```
#01b3b8 rgb(1,179,184)
```
#01ccd1
```
#01ccd1 rgb(1,204,209)
```
#01e5ea
```
#01e5ea rgb(1,229,234)
```
#07f8fe
```
#07f8fe rgb(7,248,254)
```
#21f9fe
```
#21f9fe rgb(33,249,254)
```

Monochromatic Color

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

#01d1a2
```
#01d1a2 rgb(1,209,162)
```
#01d1b3
```
#01d1b3 rgb(1,209,179)
```
#01d1c5
```
#01d1c5 rgb(1,209,197)
```
#01ccd1
```
#01ccd1 rgb(1,204,209)
```
#01bbd1
```
#01bbd1 rgb(1,187,209)
```
#01a9d1
```
#01a9d1 rgb(1,169,209)
```
#0198d1
```
#0198d1 rgb(1,152,209)
```

Similar Colors

Text with hexadecimal color #01ccd1

This text has a font color of #01ccd1.

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

#01ccd1 background color

This paragraph has a background color of #01ccd1.

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

#01ccd1 border color

This element has a border color of #01ccd1.

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

CSS codes

.text {color:#01ccd1;}

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

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

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, #000d0e is the darkest color, while #f9ffff is the lightest one.

#000d0e
```
#000d0e rgb(0,13,14)
```
#002121
```
#002121 rgb(0,33,33)
```
#003435
```
#003435 rgb(0,52,53)
```
#004748
```
#004748 rgb(0,71,72)
```
#005a5c
```
#005a5c rgb(0,90,92)
```
#016d6f
```
#016d6f rgb(1,109,111)
```
#018083
```
#018083 rgb(1,128,131)
```
#019396
```
#019396 rgb(1,147,150)
```
#01a6aa
```
#01a6aa rgb(1,166,170)
```
#01b9bd
```
#01b9bd rgb(1,185,189)
```
#01ccd1
```
#01ccd1 rgb(1,204,209)
```
#01dfe5
```
#01dfe5 rgb(1,223,229)
```
#01f2f8
```
#01f2f8 rgb(1,242,248)
```

Shade Color Variation

#0ff8fe
```
#0ff8fe rgb(15,248,254)
```
#23f9fe
```
#23f9fe rgb(35,249,254)
```
#36f9fe
```
#36f9fe rgb(54,249,254)
```
#4afafe
```
#4afafe rgb(74,250,254)
```
#5dfafe
```
#5dfafe rgb(93,250,254)
```
#71fbfe
```
#71fbfe rgb(113,251,254)
```
#84fbfe
```
#84fbfe rgb(132,251,254)
```
#98fcff
```
#98fcff rgb(152,252,255)
```
#abfdff
```
#abfdff rgb(171,253,255)
```
#bffdff
```
#bffdff rgb(191,253,255)
```
#d2feff
```
#d2feff rgb(210,254,255)
```
#e6feff
```
#e6feff rgb(230,254,255)
```
#f9ffff
```
#f9ffff rgb(249,255,255)
```

Tint Color Variation

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

#627070
```
#627070 rgb(98,112,112)
```
#5a7778
```
#5a7778 rgb(90,119,120)
```
#527f80
```
#527f80 rgb(82,127,128)
```
#4a8788
```
#4a8788 rgb(74,135,136)
```
#428e90
```
#428e90 rgb(66,142,144)
```
#3a9698
```
#3a9698 rgb(58,150,152)
```
#319ea1
```
#319ea1 rgb(49,158,161)
```
#29a6a9
```
#29a6a9 rgb(41,166,169)
```
#21adb1
```
#21adb1 rgb(33,173,177)
```
#19b5b9
```
#19b5b9 rgb(25,181,185)
```
#11bdc1
```
#11bdc1 rgb(17,189,193)
```
#09c4c9
```
#09c4c9 rgb(9,196,201)
```
#01ccd1
```
#01ccd1 rgb(1,204,209)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#739c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#babac7 Protanopia 1% of men
#bcb7dc Deuteranopia 1% of men
#28cddc Tritanopia 0.001% of the population

Trichromacy

#77c0cb Protanomaly 1% of men, 0.01% of women
#78bed8 Deuteranomaly 6% of men, 0.4% of women
#19ccd8 Tritanomaly 0.01% of the population

#01ccd1 hex color

#01ccd1 Color Information

#01ccd1 Color Conversion

Color Schemes with #01ccd1

Alternatives to #01ccd1

#01ccd1 Preview

Shades and Tints of #01ccd1

Tones of #01ccd1

Color Blindness Simulator