colorhexa.com

#01ccdd hex color

In a RGB color space, hex #01ccdd is composed of 0.4% red, 80% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 7.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 184.6 degrees, a saturation of 99.1% and a lightness of 43.5%. #01ccdd color hex could be obtained by blending #02ffff with #0099bb. Closest websafe color is: #00cccc.

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

● #01ccdd color description : Vivid cyan.

The hexadecimal color #01ccdd has RGB values of R:1, G:204, B:221 and CMYK values of C:1, M:0.08, Y:0, K:0.13. Its decimal value is 117981.

Hex triplet	01ccdd	`#01ccdd`
RGB Decimal	1, 204, 221	`rgb(1,204,221)`
RGB Percent	0.4, 80, 86.7	`rgb(0.4%,80%,86.7%)`
CMYK	100, 8, 0, 13
HSL	184.6°, 99.1, 43.5	`hsl(184.6,99.1%,43.5%)`
HSV (or HSB)	184.6°, 99.5, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	75.082, -35.403, -20.311
XYZ	34.653, 48.409, 75.92
xyY	0.218, 0.304, 48.409
CIE-LCH	75.082, 40.815, 209.843
CIE-LUV	75.082, -56.245, -26.947
Hunter-Lab	69.577, -32.857, -15.992
Binary	00000001, 11001100, 11011101

#01ccdd
```
#01ccdd rgb(1,204,221)
```
#dd1201
```
#dd1201 rgb(221,18,1)
```

Complementary Color

#01dd80
```
#01dd80 rgb(1,221,128)
```
#01ccdd
```
#01ccdd rgb(1,204,221)
```
#015edd
```
#015edd rgb(1,94,221)
```

Analogous Color

#dd8001
```
#dd8001 rgb(221,128,1)
```
#01ccdd
```
#01ccdd rgb(1,204,221)
```
#dd015e
```
#dd015e rgb(221,1,94)
```

Split Complementary Color

#ccdd01
```
#ccdd01 rgb(204,221,1)
```
#01ccdd
```
#01ccdd rgb(1,204,221)
```
#dd01cc
```
#dd01cc rgb(221,1,204)
```

Triadic Color

#018691
```
#018691 rgb(1,134,145)
```
#019daa
```
#019daa rgb(1,157,170)
```
#01b5c4
```
#01b5c4 rgb(1,181,196)
```
#01ccdd
```
#01ccdd rgb(1,204,221)
```
#01e3f6
```
#01e3f6 rgb(1,227,246)
```
#13ecfe
```
#13ecfe rgb(19,236,254)
```
#2ceefe
```
#2ceefe rgb(44,238,254)
```

Monochromatic Color

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

#01ddb7
```
#01ddb7 rgb(1,221,183)
```
#01ddc9
```
#01ddc9 rgb(1,221,201)
```
#01dddc
```
#01dddc rgb(1,221,220)
```
#01ccdd
```
#01ccdd rgb(1,204,221)
```
#01badd
```
#01badd rgb(1,186,221)
```
#01a7dd
```
#01a7dd rgb(1,167,221)
```
#0195dd
```
#0195dd rgb(1,149,221)
```

Similar Colors

Text with hexadecimal color #01ccdd

This text has a font color of #01ccdd.

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

#01ccdd background color

This paragraph has a background color of #01ccdd.

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

#01ccdd border color

This element has a border color of #01ccdd.

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

CSS codes

.text {color:#01ccdd;}

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

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

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

#000606
```
#000606 rgb(0,6,6)
```
#00181a
```
#00181a rgb(0,24,26)
```
#002a2d
```
#002a2d rgb(0,42,45)
```
#003c41
```
#003c41 rgb(0,60,65)
```
#004e54
```
#004e54 rgb(0,78,84)
```
#006068
```
#006068 rgb(0,96,104)
```
#01727b
```
#01727b rgb(1,114,123)
```
#01848f
```
#01848f rgb(1,132,143)
```
#0196a2
```
#0196a2 rgb(1,150,162)
```
#01a8b6
```
#01a8b6 rgb(1,168,182)
```
#01bac9
```
#01bac9 rgb(1,186,201)
```
#01ccdd
```
#01ccdd rgb(1,204,221)
```
#01def1
```
#01def1 rgb(1,222,241)
```

Shade Color Variation

#07ebfe
```
#07ebfe rgb(7,235,254)
```
#1becfe
```
#1becfe rgb(27,236,254)
```
#2eeefe
```
#2eeefe rgb(46,238,254)
```
#42f0fe
```
#42f0fe rgb(66,240,254)
```
#55f1fe
```
#55f1fe rgb(85,241,254)
```
#69f3fe
```
#69f3fe rgb(105,243,254)
```
#7df4fe
```
#7df4fe rgb(125,244,254)
```
#90f6fe
```
#90f6fe rgb(144,246,254)
```
#a4f8ff
```
#a4f8ff rgb(164,248,255)
```
#b7f9ff
```
#b7f9ff rgb(183,249,255)
```
#cbfbff
```
#cbfbff rgb(203,251,255)
```
#defcff
```
#defcff rgb(222,252,255)
```
#f2feff
```
#f2feff rgb(242,254,255)
```

Tint Color Variation

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

#677577
```
#677577 rgb(103,117,119)
```
#5f7d7f
```
#5f7d7f rgb(95,125,127)
```
#568488
```
#568488 rgb(86,132,136)
```
#4e8b90
```
#4e8b90 rgb(78,139,144)
```
#459299
```
#459299 rgb(69,146,153)
```
#3d99a1
```
#3d99a1 rgb(61,153,161)
```
#34a1aa
```
#34a1aa rgb(52,161,170)
```
#2ca8b2
```
#2ca8b2 rgb(44,168,178)
```
#23afbb
```
#23afbb rgb(35,175,187)
```
#1bb6c3
```
#1bb6c3 rgb(27,182,195)
```
#12becc
```
#12becc rgb(18,190,204)
```
#0ac5d4
```
#0ac5d4 rgb(10,197,212)
```
#01ccdd
```
#01ccdd rgb(1,204,221)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#749da0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8bbd3 Protanopia 1% of men
#b6b9e7 Deuteranopia 1% of men
#00cedd Tritanopia 0.001% of the population

Trichromacy

#75c1d6 Protanomaly 1% of men, 0.01% of women
#74bfe3 Deuteranomaly 6% of men, 0.4% of women
#00cddd Tritanomaly 0.01% of the population