#01daf5 hex color

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

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

● #01daf5 color description : Vivid cyan.

The hexadecimal color #01daf5 has RGB values of R:1, G:218, B:245 and CMYK values of C:1, M:0.11, Y:0, K:0.04. Its decimal value is 121589.

Hex triplet	01daf5	`#01daf5`
RGB Decimal	1, 218, 245	`rgb(1,218,245)`
RGB Percent	0.4, 85.5, 96.1	`rgb(0.4%,85.5%,96.1%)`
CMYK	100, 11, 0, 4
HSL	186.6°, 99.2, 48.2	`hsl(186.6,99.2%,48.2%)`
HSV (or HSB)	186.6°, 99.6, 96.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	80.032, -34.425, -25.634
XYZ	41.561, 56.738, 95.142
xyY	0.215, 0.293, 56.738
CIE-LCH	80.032, 42.92, 216.672
CIE-LUV	80.032, -59.016, -36.285
Hunter-Lab	75.324, -33.329, -22.162
Binary	00000001, 11011010, 11110101

#01daf5
```
#01daf5 rgb(1,218,245)
```
#f51c01
```
#f51c01 rgb(245,28,1)
```

Complementary Color

#01f596
```
#01f596 rgb(1,245,150)
```
#01daf5
```
#01daf5 rgb(1,218,245)
```
#0160f5
```
#0160f5 rgb(1,96,245)
```

Analogous Color

#f59601
```
#f59601 rgb(245,150,1)
```
#01daf5
```
#01daf5 rgb(1,218,245)
```
#f50160
```
#f50160 rgb(245,1,96)
```

Split Complementary Color

#daf501
```
#daf501 rgb(218,245,1)
```
#01daf5
```
#01daf5 rgb(1,218,245)
```
#f501da
```
#f501da rgb(245,1,218)
```

Triadic Color

#01f51c
```
#01f51c rgb(1,245,28)
```
#01daf5
```
#01daf5 rgb(1,218,245)
```
#f501da
```
#f501da rgb(245,1,218)
```
#f51c01
```
#f51c01 rgb(245,28,1)
```

Tetradic Color

#0196a9
```
#0196a9 rgb(1,150,169)
```
#01adc2
```
#01adc2 rgb(1,173,194)
```
#01c3dc
```
#01c3dc rgb(1,195,220)
```
#01daf5
```
#01daf5 rgb(1,218,245)
```
#11e4fe
```
#11e4fe rgb(17,228,254)
```
#2be7fe
```
#2be7fe rgb(43,231,254)
```
#44eafe
```
#44eafe rgb(68,234,254)
```

Monochromatic Color

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

#01f5d3
```
#01f5d3 rgb(1,245,211)
```
#01f5e7
```
#01f5e7 rgb(1,245,231)
```
#01eef5
```
#01eef5 rgb(1,238,245)
```
#01daf5
```
#01daf5 rgb(1,218,245)
```
#01c6f5
```
#01c6f5 rgb(1,198,245)
```
#01b1f5
```
#01b1f5 rgb(1,177,245)
```
#019df5
```
#019df5 rgb(1,157,245)
```

Similar Colors

Text with hexadecimal color #01daf5

This text has a font color of #01daf5.

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

#01daf5 background color

This paragraph has a background color of #01daf5.

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

#01daf5 border color

This element has a border color of #01daf5.

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

CSS codes

.text {color:#01daf5;}

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

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

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

#00090b
```
#00090b rgb(0,9,11)
```
#001b1e
```
#001b1e rgb(0,27,30)
```
#002c32
```
#002c32 rgb(0,44,50)
```
#003e45
```
#003e45 rgb(0,62,69)
```
#004f59
```
#004f59 rgb(0,79,89)
```
#00606c
```
#00606c rgb(0,96,108)
```
#017280
```
#017280 rgb(1,114,128)
```
#018393
```
#018393 rgb(1,131,147)
```
#0194a7
```
#0194a7 rgb(1,148,167)
```
#01a6ba
```
#01a6ba rgb(1,166,186)
```
#01b7ce
```
#01b7ce rgb(1,183,206)
```
#01c9e1
```
#01c9e1 rgb(1,201,225)
```
#01daf5
```
#01daf5 rgb(1,218,245)
```

Shade Color Variation

#0ce3fe
```
#0ce3fe rgb(12,227,254)
```
#1fe5fe
```
#1fe5fe rgb(31,229,254)
```
#33e8fe
```
#33e8fe rgb(51,232,254)
```
#46eafe
```
#46eafe rgb(70,234,254)
```
#5aecfe
```
#5aecfe rgb(90,236,254)
```
#6deefe
```
#6deefe rgb(109,238,254)
```
#81f1fe
```
#81f1fe rgb(129,241,254)
```
#94f3ff
```
#94f3ff rgb(148,243,255)
```
#a8f5ff
```
#a8f5ff rgb(168,245,255)
```
#bbf7ff
```
#bbf7ff rgb(187,247,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 #01daf5 is the most saturated one.

#738283
```
#738283 rgb(115,130,131)
```
#69898d
```
#69898d rgb(105,137,141)
```
#609096
```
#609096 rgb(96,144,150)
```
#5698a0
```
#5698a0 rgb(86,152,160)
```
#4d9fa9
```
#4d9fa9 rgb(77,159,169)
```
#43a6b3
```
#43a6b3 rgb(67,166,179)
```
#3aaebc
```
#3aaebc rgb(58,174,188)
```
#30b5c6
```
#30b5c6 rgb(48,181,198)
```
#27bdcf
```
#27bdcf rgb(39,189,207)
```
#1dc4d9
```
#1dc4d9 rgb(29,196,217)
```
#14cbe2
```
#14cbe2 rgb(20,203,226)
```
#0ad3ec
```
#0ad3ec rgb(10,211,236)
```
#01daf5
```
#01daf5 rgb(1,218,245)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#7da8ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c7e9 Protanopia 1% of men
#bec6fd Deuteranopia 1% of men
#00dcec Tritanopia 0.001% of the population

Trichromacy

#7cceed Protanomaly 1% of men, 0.01% of women
#79cdfa Deuteranomaly 6% of men, 0.4% of women
#00dbef Tritanomaly 0.01% of the population

#01daf5 hex color

#01daf5 Color Information

#01daf5 Color Conversion

Color Schemes with #01daf5

Alternatives to #01daf5

#01daf5 Preview

Shades and Tints of #01daf5

Tones of #01daf5

Color Blindness Simulator