#00c1dc hex color

In a RGB color space, hex #00c1dc is composed of 0% red, 75.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 12.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 187.4 degrees, a saturation of 100% and a lightness of 43.1%. #00c1dc color hex could be obtained by blending #00ffff with #0083b9. Closest websafe color is: #00cccc.

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

● #00c1dc color description : Pure (or mostly pure) cyan.

The hexadecimal color #00c1dc has RGB values of R:0, G:193, B:220 and CMYK values of C:1, M:0.12, Y:0, K:0.14. Its decimal value is 49628.

Hex triplet	00c1dc	`#00c1dc`
RGB Decimal	0, 193, 220	`rgb(0,193,220)`
RGB Percent	0, 75.7, 86.3	`rgb(0%,75.7%,86.3%)`
CMYK	100, 12, 0, 14
HSL	187.4°, 100, 43.1	`hsl(187.4,100%,43.1%)`
HSV (or HSB)	187.4°, 100, 86.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	71.761, -30.5, -24.829
XYZ	31.985, 43.304, 74.379
xyY	0.214, 0.289, 43.304
CIE-LCH	71.761, 39.328, 219.148
CIE-LUV	71.761, -52.635, -35.018
Hunter-Lab	65.806, -28.401, -20.95
Binary	00000000, 11000001, 11011100

#00c1dc
```
#00c1dc rgb(0,193,220)
```
#dc1b00
```
#dc1b00 rgb(220,27,0)
```

Complementary Color

#00dc89
```
#00dc89 rgb(0,220,137)
```
#00c1dc
```
#00c1dc rgb(0,193,220)
```
#0053dc
```
#0053dc rgb(0,83,220)
```

Analogous Color

#dc8900
```
#dc8900 rgb(220,137,0)
```
#00c1dc
```
#00c1dc rgb(0,193,220)
```
#dc0053
```
#dc0053 rgb(220,0,83)
```

Split Complementary Color

#c1dc00
```
#c1dc00 rgb(193,220,0)
```
#00c1dc
```
#00c1dc rgb(0,193,220)
```
#dc00c1
```
#dc00c1 rgb(220,0,193)
```

Triadic Color

#00dc1b
```
#00dc1b rgb(0,220,27)
```
#00c1dc
```
#00c1dc rgb(0,193,220)
```
#dc00c1
```
#dc00c1 rgb(220,0,193)
```
#dc1b00
```
#dc1b00 rgb(220,27,0)
```

Tetradic Color

#007e90
```
#007e90 rgb(0,126,144)
```
#0094a9
```
#0094a9 rgb(0,148,169)
```
#00abc3
```
#00abc3 rgb(0,171,195)
```
#00c1dc
```
#00c1dc rgb(0,193,220)
```
#00d7f6
```
#00d7f6 rgb(0,215,246)
```
#10e2ff
```
#10e2ff rgb(16,226,255)
```
#2ae5ff
```
#2ae5ff rgb(42,229,255)
```

Monochromatic Color

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

#00dcc0
```
#00dcc0 rgb(0,220,192)
```
#00dcd2
```
#00dcd2 rgb(0,220,210)
```
#00d3dc
```
#00d3dc rgb(0,211,220)
```
#00c1dc
```
#00c1dc rgb(0,193,220)
```
#00afdc
```
#00afdc rgb(0,175,220)
```
#009cdc
```
#009cdc rgb(0,156,220)
```
#008adc
```
#008adc rgb(0,138,220)
```

Similar Colors

Text with hexadecimal color #00c1dc

This text has a font color of #00c1dc.

<span style="color:#00c1dc;">Text here</span>

#00c1dc background color

This paragraph has a background color of #00c1dc.

<p style="background-color:#00c1dc;">Content here</p>

#00c1dc border color

This element has a border color of #00c1dc.

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

CSS codes

.text {color:#00c1dc;}

.background {background-color:#00c1dc;}

.border {border:1px solid #00c1dc;}

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

#000404
```
#000404 rgb(0,4,4)
```
#001518
```
#001518 rgb(0,21,24)
```
#00262b
```
#00262b rgb(0,38,43)
```
#00373f
```
#00373f rgb(0,55,63)
```
#004953
```
#004953 rgb(0,73,83)
```
#005a66
```
#005a66 rgb(0,90,102)
```
#006b7a
```
#006b7a rgb(0,107,122)
```
#007c8e
```
#007c8e rgb(0,124,142)
```
#008da1
```
#008da1 rgb(0,141,161)
```
#009fb5
```
#009fb5 rgb(0,159,181)
```
#00b0c8
```
#00b0c8 rgb(0,176,200)
```
#00c1dc
```
#00c1dc rgb(0,193,220)
```
#00d2f0
```
#00d2f0 rgb(0,210,240)
```

Shade Color Variation

#04e0ff
```
#04e0ff rgb(4,224,255)
```
#18e3ff
```
#18e3ff rgb(24,227,255)
```
#2be5ff
```
#2be5ff rgb(43,229,255)
```
#3fe7ff
```
#3fe7ff rgb(63,231,255)
```
#53eaff
```
#53eaff rgb(83,234,255)
```
#66ecff
```
#66ecff rgb(102,236,255)
```
#7aefff
```
#7aefff rgb(122,239,255)
```
#8ef1ff
```
#8ef1ff rgb(142,241,255)
```
#a1f3ff
```
#a1f3ff rgb(161,243,255)
```
#b5f6ff
```
#b5f6ff rgb(181,246,255)
```
#c8f8ff
```
#c8f8ff rgb(200,248,255)
```
#dcfbff
```
#dcfbff rgb(220,251,255)
```
#f0fdff
```
#f0fdff rgb(240,253,255)
```

Tint Color Variation

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

#667476
```
#667476 rgb(102,116,118)
```
#5d7b7f
```
#5d7b7f rgb(93,123,127)
```
#558187
```
#558187 rgb(85,129,135)
```
#4c8890
```
#4c8890 rgb(76,136,144)
```
#448e98
```
#448e98 rgb(68,142,152)
```
#3b94a1
```
#3b94a1 rgb(59,148,161)
```
#339ba9
```
#339ba9 rgb(51,155,169)
```
#2aa1b2
```
#2aa1b2 rgb(42,161,178)
```
#22a7ba
```
#22a7ba rgb(34,167,186)
```
#19aec3
```
#19aec3 rgb(25,174,195)
```
#11b4cb
```
#11b4cb rgb(17,180,203)
```
#08bbd4
```
#08bbd4 rgb(8,187,212)
```
#00c1dc
```
#00c1dc rgb(0,193,220)
```

Tone Color Variation

Below, you can see how #00c1dc 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

#8a8a8a Achromatopsia 0.005% of the population
#6e959a Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb2d2 Protanopia 1% of men
#a8b1e5 Deuteranopia 1% of men
#00c5d3 Tritanopia 0.001% of the population

Trichromacy

#6eb7d6 Protanomaly 1% of men, 0.01% of women
#6bb6e1 Deuteranomaly 6% of men, 0.4% of women
#00c3d6 Tritanomaly 0.01% of the population

#00c1dc hex color

#00c1dc Color Information

#00c1dc Color Conversion

Color Schemes with #00c1dc

Alternatives to #00c1dc

#00c1dc Preview

Shades and Tints of #00c1dc

Tones of #00c1dc

Color Blindness Simulator