#01d4ed hex color

In a RGB color space, hex #01d4ed is composed of 0.4% red, 83.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 10.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 186.4 degrees, a saturation of 99.2% and a lightness of 46.7%. #01d4ed color hex could be obtained by blending #02ffff with #00a9db. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 0
- G 83
- B 93
RGB color chart
- C 100
- M 11
- Y 0
- K 7
CMYK color chart

● #01d4ed color description : Vivid cyan.

The hexadecimal color #01d4ed has RGB values of R:1, G:212, B:237 and CMYK values of C:1, M:0.11, Y:0, K:0.07. Its decimal value is 120045.

Hex triplet	01d4ed	`#01d4ed`
RGB Decimal	1, 212, 237	`rgb(1,212,237)`
RGB Percent	0.4, 83.1, 92.9	`rgb(0.4%,83.1%,92.9%)`
CMYK	100, 11, 0, 7
HSL	186.4°, 99.2, 46.7	`hsl(186.4,99.2%,46.7%)`
HSV (or HSB)	186.4°, 99.6, 92.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	77.995, -34.123, -24.474
XYZ	38.838, 53.204, 88.339
xyY	0.215, 0.295, 53.204
CIE-LCH	77.995, 41.992, 215.65
CIE-LUV	77.995, -57.649, -34.258
Hunter-Lab	72.941, -32.604, -20.747
Binary	00000001, 11010100, 11101101

#01d4ed
```
#01d4ed rgb(1,212,237)
```
#ed1a01
```
#ed1a01 rgb(237,26,1)
```

Complementary Color

#01ed90
```
#01ed90 rgb(1,237,144)
```
#01d4ed
```
#01d4ed rgb(1,212,237)
```
#015eed
```
#015eed rgb(1,94,237)
```

Analogous Color

#ed9001
```
#ed9001 rgb(237,144,1)
```
#01d4ed
```
#01d4ed rgb(1,212,237)
```
#ed015e
```
#ed015e rgb(237,1,94)
```

Split Complementary Color

#d4ed01
```
#d4ed01 rgb(212,237,1)
```
#01d4ed
```
#01d4ed rgb(1,212,237)
```
#ed01d4
```
#ed01d4 rgb(237,1,212)
```

Triadic Color

#01ed1a
```
#01ed1a rgb(1,237,26)
```
#01d4ed
```
#01d4ed rgb(1,212,237)
```
#ed01d4
```
#ed01d4 rgb(237,1,212)
```
#ed1a01
```
#ed1a01 rgb(237,26,1)
```

Tetradic Color

#0190a1
```
#0190a1 rgb(1,144,161)
```
#01a7ba
```
#01a7ba rgb(1,167,186)
```
#01bdd4
```
#01bdd4 rgb(1,189,212)
```
#01d4ed
```
#01d4ed rgb(1,212,237)
```
#0ae4fe
```
#0ae4fe rgb(10,228,254)
```
#23e7fe
```
#23e7fe rgb(35,231,254)
```
#3ceafe
```
#3ceafe rgb(60,234,254)
```

Monochromatic Color

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

#01edcb
```
#01edcb rgb(1,237,203)
```
#01eddf
```
#01eddf rgb(1,237,223)
```
#01e8ed
```
#01e8ed rgb(1,232,237)
```
#01d4ed
```
#01d4ed rgb(1,212,237)
```
#01c0ed
```
#01c0ed rgb(1,192,237)
```
#01aded
```
#01aded rgb(1,173,237)
```
#0199ed
```
#0199ed rgb(1,153,237)
```

Similar Colors

Text with hexadecimal color #01d4ed

This text has a font color of #01d4ed.

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

#01d4ed background color

This paragraph has a background color of #01d4ed.

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

#01d4ed border color

This element has a border color of #01d4ed.

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

CSS codes

.text {color:#01d4ed;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#001416
```
#001416 rgb(0,20,22)
```
#00252a
```
#00252a rgb(0,37,42)
```
#00373d
```
#00373d rgb(0,55,61)
```
#004851
```
#004851 rgb(0,72,81)
```
#005a64
```
#005a64 rgb(0,90,100)
```
#016b78
```
#016b78 rgb(1,107,120)
```
#017d8b
```
#017d8b rgb(1,125,139)
```
#018e9f
```
#018e9f rgb(1,142,159)
```
#01a0b2
```
#01a0b2 rgb(1,160,178)
```
#01b1c6
```
#01b1c6 rgb(1,177,198)
```
#01c3d9
```
#01c3d9 rgb(1,195,217)
```
#01d4ed
```
#01d4ed rgb(1,212,237)
```

Shade Color Variation

#04e3fe
```
#04e3fe rgb(4,227,254)
```
#17e6fe
```
#17e6fe rgb(23,230,254)
```
#2be8fe
```
#2be8fe rgb(43,232,254)
```
#3eeafe
```
#3eeafe rgb(62,234,254)
```
#52ecfe
```
#52ecfe rgb(82,236,254)
```
#65eefe
```
#65eefe rgb(101,238,254)
```
#79f0fe
```
#79f0fe rgb(121,240,254)
```
#8cf2ff
```
#8cf2ff rgb(140,242,255)
```
#a0f5ff
```
#a0f5ff rgb(160,245,255)
```
#b3f7ff
```
#b3f7ff rgb(179,247,255)
```
#c7f9ff
```
#c7f9ff rgb(199,249,255)
```
#dbfbff
```
#dbfbff rgb(219,251,255)
```
#eefdff
```
#eefdff rgb(238,253,255)
```

Tint Color Variation

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

#6f7d7f
```
#6f7d7f rgb(111,125,127)
```
#668588
```
#668588 rgb(102,133,136)
```
#5d8c91
```
#5d8c91 rgb(93,140,145)
```
#53939b
```
#53939b rgb(83,147,155)
```
#4a9aa4
```
#4a9aa4 rgb(74,154,164)
```
#41a1ad
```
#41a1ad rgb(65,161,173)
```
#38a9b6
```
#38a9b6 rgb(56,169,182)
```
#2fb0bf
```
#2fb0bf rgb(47,176,191)
```
#26b7c8
```
#26b7c8 rgb(38,183,200)
```
#1cbed2
```
#1cbed2 rgb(28,190,210)
```
#13c6db
```
#13c6db rgb(19,198,219)
```
#0acde4
```
#0acde4 rgb(10,205,228)
```
#01d4ed
```
#01d4ed rgb(1,212,237)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7aa4a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc2e1 Protanopia 1% of men
#bac0f6 Deuteranopia 1% of men
#00d7e6 Tritanopia 0.001% of the population

Trichromacy

#79c8e5 Protanomaly 1% of men, 0.01% of women
#76c7f2 Deuteranomaly 6% of men, 0.4% of women
#00d5e8 Tritanomaly 0.01% of the population

#01d4ed hex color

#01d4ed Color Information

#01d4ed Color Conversion

Color Schemes with #01d4ed

Alternatives to #01d4ed

#01d4ed Preview

Shades and Tints of #01d4ed

Tones of #01d4ed

Color Blindness Simulator