#01def8 hex color

In a RGB color space, hex #01def8 is composed of 0.4% red, 87.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 10.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 186.3 degrees, a saturation of 99.2% and a lightness of 48.8%. #01def8 color hex could be obtained by blending #02ffff with #00bdf1. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 0
- G 87
- B 97
RGB color chart
- C 100
- M 10
- Y 0
- K 3
CMYK color chart

● #01def8 color description : Vivid cyan.

The hexadecimal color #01def8 has RGB values of R:1, G:222, B:248 and CMYK values of C:1, M:0.1, Y:0, K:0.03. Its decimal value is 122616.

Hex triplet	01def8	`#01def8`
RGB Decimal	1, 222, 248	`rgb(1,222,248)`
RGB Percent	0.4, 87.1, 97.3	`rgb(0.4%,87.1%,97.3%)`
CMYK	100, 10, 0, 3
HSL	186.3°, 99.2, 48.8	`hsl(186.3,99.2%,48.8%)`
HSV (or HSB)	186.3°, 99.6, 97.3
Web Safe	00ccff	`#00ccff`

CIE-LAB	81.304, -35.361, -25.287
XYZ	43.072, 59.022, 97.924
xyY	0.215, 0.295, 59.022
CIE-LCH	81.304, 43.472, 215.569
CIE-LUV	81.304, -60.109, -35.622
Hunter-Lab	76.826, -34.369, -21.795
Binary	00000001, 11011110, 11111000

#01def8
```
#01def8 rgb(1,222,248)
```
#f81b01
```
#f81b01 rgb(248,27,1)
```

Complementary Color

#01f897
```
#01f897 rgb(1,248,151)
```
#01def8
```
#01def8 rgb(1,222,248)
```
#0163f8
```
#0163f8 rgb(1,99,248)
```

Analogous Color

#f89701
```
#f89701 rgb(248,151,1)
```
#01def8
```
#01def8 rgb(1,222,248)
```
#f80163
```
#f80163 rgb(248,1,99)
```

Split Complementary Color

#def801
```
#def801 rgb(222,248,1)
```
#01def8
```
#01def8 rgb(1,222,248)
```
#f801de
```
#f801de rgb(248,1,222)
```

Triadic Color

#01f81b
```
#01f81b rgb(1,248,27)
```
#01def8
```
#01def8 rgb(1,222,248)
```
#f801de
```
#f801de rgb(248,1,222)
```
#f81b01
```
#f81b01 rgb(248,27,1)
```

Tetradic Color

#019aac
```
#019aac rgb(1,154,172)
```
#01b1c5
```
#01b1c5 rgb(1,177,197)
```
#01c7df
```
#01c7df rgb(1,199,223)
```
#01def8
```
#01def8 rgb(1,222,248)
```
#14e5fe
```
#14e5fe rgb(20,229,254)
```
#2ee8fe
```
#2ee8fe rgb(46,232,254)
```
#47ebfe
```
#47ebfe rgb(71,235,254)
```

Monochromatic Color

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

#01f8d4
```
#01f8d4 rgb(1,248,212)
```
#01f8e9
```
#01f8e9 rgb(1,248,233)
```
#01f3f8
```
#01f3f8 rgb(1,243,248)
```
#01def8
```
#01def8 rgb(1,222,248)
```
#01c9f8
```
#01c9f8 rgb(1,201,248)
```
#01b5f8
```
#01b5f8 rgb(1,181,248)
```
#01a0f8
```
#01a0f8 rgb(1,160,248)
```

Similar Colors

Text with hexadecimal color #01def8

This text has a font color of #01def8.

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

#01def8 background color

This paragraph has a background color of #01def8.

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

#01def8 border color

This element has a border color of #01def8.

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

CSS codes

.text {color:#01def8;}

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

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

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

#000c0e
```
#000c0e rgb(0,12,14)
```
#001e21
```
#001e21 rgb(0,30,33)
```
#002f35
```
#002f35 rgb(0,47,53)
```
#004148
```
#004148 rgb(0,65,72)
```
#00525c
```
#00525c rgb(0,82,92)
```
#00646f
```
#00646f rgb(0,100,111)
```
#017583
```
#017583 rgb(1,117,131)
```
#018796
```
#018796 rgb(1,135,150)
```
#0198aa
```
#0198aa rgb(1,152,170)
```
#01aabd
```
#01aabd rgb(1,170,189)
```
#01bbd1
```
#01bbd1 rgb(1,187,209)
```
#01cde4
```
#01cde4 rgb(1,205,228)
```
#01def8
```
#01def8 rgb(1,222,248)
```

Shade Color Variation

#0fe5fe
```
#0fe5fe rgb(15,229,254)
```
#22e7fe
```
#22e7fe rgb(34,231,254)
```
#36e9fe
```
#36e9fe rgb(54,233,254)
```
#49ebfe
```
#49ebfe rgb(73,235,254)
```
#5dedfe
```
#5dedfe rgb(93,237,254)
```
#70effe
```
#70effe rgb(112,239,254)
```
#84f2ff
```
#84f2ff rgb(132,242,255)
```
#97f4ff
```
#97f4ff rgb(151,244,255)
```
#abf6ff
```
#abf6ff rgb(171,246,255)
```
#bef8ff
```
#bef8ff rgb(190,248,255)
```
#d2faff
```
#d2faff rgb(210,250,255)
```
#e5fcff
```
#e5fcff rgb(229,252,255)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

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

#748385
```
#748385 rgb(116,131,133)
```
#6a8b8f
```
#6a8b8f rgb(106,139,143)
```
#619298
```
#619298 rgb(97,146,152)
```
#579aa2
```
#579aa2 rgb(87,154,162)
```
#4ea2ab
```
#4ea2ab rgb(78,162,171)
```
#44a9b5
```
#44a9b5 rgb(68,169,181)
```
#3ab1bf
```
#3ab1bf rgb(58,177,191)
```
#31b8c8
```
#31b8c8 rgb(49,184,200)
```
#27c0d2
```
#27c0d2 rgb(39,192,210)
```
#1ec7db
```
#1ec7db rgb(30,199,219)
```
#14cfe5
```
#14cfe5 rgb(20,207,229)
```
#0bd6ee
```
#0bd6ee rgb(11,214,238)
```
#01def8
```
#01def8 rgb(1,222,248)
```

Tone Color Variation

Below, you can see how #01def8 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
#7facb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cbeb Protanopia 1% of men
#c2c9ff Deuteranopia 1% of men
#00e0f0 Tritanopia 0.001% of the population

Trichromacy

#7ed1f0 Protanomaly 1% of men, 0.01% of women
#7cd0fc Deuteranomaly 6% of men, 0.4% of women
#00dff3 Tritanomaly 0.01% of the population

#01def8 hex color

#01def8 Color Information

#01def8 Color Conversion

Color Schemes with #01def8

Alternatives to #01def8

#01def8 Preview

Shades and Tints of #01def8

Tones of #01def8

Color Blindness Simulator