#01def5 hex color

In a RGB color space, hex #01def5 is composed of 0.4% red, 87.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 9.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 185.7 degrees, a saturation of 99.2% and a lightness of 48.2%. #01def5 color hex could be obtained by blending #02ffff with #00bdeb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 0
- G 87
- B 96
RGB color chart
- C 100
- M 9
- Y 0
- K 4
CMYK color chart

● #01def5 color description : Vivid cyan.

The hexadecimal color #01def5 has RGB values of R:1, G:222, B:245 and CMYK values of C:1, M:0.09, Y:0, K:0.04. Its decimal value is 122613.

Hex triplet	01def5	`#01def5`
RGB Decimal	1, 222, 245	`rgb(1,222,245)`
RGB Percent	0.4, 87.1, 96.1	`rgb(0.4%,87.1%,96.1%)`
CMYK	100, 9, 0, 4
HSL	185.7°, 99.2, 48.2	`hsl(185.7,99.2%,48.2%)`
HSV (or HSB)	185.7°, 99.6, 96.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	81.202, -36.3, -23.85
XYZ	42.61, 58.837, 95.492
xyY	0.216, 0.299, 58.837
CIE-LCH	81.202, 43.434, 213.306
CIE-LUV	81.202, -60.35, -33.039
Hunter-Lab	76.705, -35.076, -20.118
Binary	00000001, 11011110, 11110101

#01def5
```
#01def5 rgb(1,222,245)
```
#f51801
```
#f51801 rgb(245,24,1)
```

Complementary Color

#01f592
```
#01f592 rgb(1,245,146)
```
#01def5
```
#01def5 rgb(1,222,245)
```
#0164f5
```
#0164f5 rgb(1,100,245)
```

Analogous Color

#f59201
```
#f59201 rgb(245,146,1)
```
#01def5
```
#01def5 rgb(1,222,245)
```
#f50164
```
#f50164 rgb(245,1,100)
```

Split Complementary Color

#def501
```
#def501 rgb(222,245,1)
```
#01def5
```
#01def5 rgb(1,222,245)
```
#f501de
```
#f501de rgb(245,1,222)
```

Triadic Color

#01f518
```
#01f518 rgb(1,245,24)
```
#01def5
```
#01def5 rgb(1,222,245)
```
#f501de
```
#f501de rgb(245,1,222)
```
#f51801
```
#f51801 rgb(245,24,1)
```

Tetradic Color

#0199a9
```
#0199a9 rgb(1,153,169)
```
#01b0c2
```
#01b0c2 rgb(1,176,194)
```
#01c7dc
```
#01c7dc rgb(1,199,220)
```
#01def5
```
#01def5 rgb(1,222,245)
```
#11e8fe
```
#11e8fe rgb(17,232,254)
```
#2beafe
```
#2beafe rgb(43,234,254)
```
#44edfe
```
#44edfe rgb(68,237,254)
```

Monochromatic Color

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

#01f5cf
```
#01f5cf rgb(1,245,207)
```
#01f5e3
```
#01f5e3 rgb(1,245,227)
```
#01f2f5
```
#01f2f5 rgb(1,242,245)
```
#01def5
```
#01def5 rgb(1,222,245)
```
#01caf5
```
#01caf5 rgb(1,202,245)
```
#01b5f5
```
#01b5f5 rgb(1,181,245)
```
#01a1f5
```
#01a1f5 rgb(1,161,245)
```

Similar Colors

Text with hexadecimal color #01def5

This text has a font color of #01def5.

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

#01def5 background color

This paragraph has a background color of #01def5.

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

#01def5 border color

This element has a border color of #01def5.

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

CSS codes

.text {color:#01def5;}

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

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

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

#000a0b
```
#000a0b rgb(0,10,11)
```
#001b1e
```
#001b1e rgb(0,27,30)
```
#002d32
```
#002d32 rgb(0,45,50)
```
#003f45
```
#003f45 rgb(0,63,69)
```
#005059
```
#005059 rgb(0,80,89)
```
#00626c
```
#00626c rgb(0,98,108)
```
#017480
```
#017480 rgb(1,116,128)
```
#018593
```
#018593 rgb(1,133,147)
```
#0197a7
```
#0197a7 rgb(1,151,167)
```
#01a9ba
```
#01a9ba rgb(1,169,186)
```
#01bbce
```
#01bbce rgb(1,187,206)
```
#01cce1
```
#01cce1 rgb(1,204,225)
```
#01def5
```
#01def5 rgb(1,222,245)
```

Shade Color Variation

#0ce7fe
```
#0ce7fe rgb(12,231,254)
```
#1fe9fe
```
#1fe9fe rgb(31,233,254)
```
#33ebfe
```
#33ebfe rgb(51,235,254)
```
#46edfe
```
#46edfe rgb(70,237,254)
```
#5aeffe
```
#5aeffe rgb(90,239,254)
```
#6df1fe
```
#6df1fe rgb(109,241,254)
```
#81f3fe
```
#81f3fe rgb(129,243,254)
```
#94f5ff
```
#94f5ff rgb(148,245,255)
```
#a8f6ff
```
#a8f6ff rgb(168,246,255)
```
#bbf8ff
```
#bbf8ff rgb(187,248,255)
```
#cffaff
```
#cffaff rgb(207,250,255)
```
#e3fcff
```
#e3fcff rgb(227,252,255)
```
#f6feff
```
#f6feff rgb(246,254,255)
```

Tint Color Variation

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

#738283
```
#738283 rgb(115,130,131)
```
#698a8d
```
#698a8d rgb(105,138,141)
```
#609196
```
#609196 rgb(96,145,150)
```
#5699a0
```
#5699a0 rgb(86,153,160)
```
#4da1a9
```
#4da1a9 rgb(77,161,169)
```
#43a8b3
```
#43a8b3 rgb(67,168,179)
```
#3ab0bc
```
#3ab0bc rgb(58,176,188)
```
#30b8c6
```
#30b8c6 rgb(48,184,198)
```
#27bfcf
```
#27bfcf rgb(39,191,207)
```
#1dc7d9
```
#1dc7d9 rgb(29,199,217)
```
#14cfe2
```
#14cfe2 rgb(20,207,226)
```
#0ad6ec
```
#0ad6ec rgb(10,214,236)
```
#01def5
```
#01def5 rgb(1,222,245)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#7facb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cae8 Protanopia 1% of men
#c3c8fe Deuteranopia 1% of men
#00e0f0 Tritanopia 0.001% of the population

Trichromacy

#7ed1ed Protanomaly 1% of men, 0.01% of women
#7cd0fa Deuteranomaly 6% of men, 0.4% of women
#00dff2 Tritanomaly 0.01% of the population

#01def5 hex color

#01def5 Color Information

#01def5 Color Conversion

Color Schemes with #01def5

Alternatives to #01def5

#01def5 Preview

Shades and Tints of #01def5

Tones of #01def5

Color Blindness Simulator