#01d1f0 hex color

In a RGB color space, hex #01d1f0 is composed of 0.4% red, 82% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 12.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 187.8 degrees, a saturation of 99.2% and a lightness of 47.3%. #01d1f0 color hex could be obtained by blending #02ffff with #00a3e1. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 0
- G 82
- B 94
RGB color chart
- C 100
- M 13
- Y 0
- K 6
CMYK color chart

● #01d1f0 color description : Vivid cyan.

The hexadecimal color #01d1f0 has RGB values of R:1, G:209, B:240 and CMYK values of C:1, M:0.13, Y:0, K:0.06. Its decimal value is 119280.

Hex triplet	01d1f0	`#01d1f0`
RGB Decimal	1, 209, 240	`rgb(1,209,240)`
RGB Percent	0.4, 82, 94.1	`rgb(0.4%,82%,94.1%)`
CMYK	100, 13, 0, 6
HSL	187.8°, 99.2, 47.3	`hsl(187.8,99.2%,47.3%)`
HSV (or HSB)	187.8°, 99.6, 94.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	77.218, -31.733, -27.267
XYZ	38.537, 51.895, 90.419
xyY	0.213, 0.287, 51.895
CIE-LCH	77.218, 41.839, 220.672
CIE-LUV	77.218, -56.404, -39.295
Hunter-Lab	72.038, -30.578, -23.992
Binary	00000001, 11010001, 11110000

#01d1f0
```
#01d1f0 rgb(1,209,240)
```
#f02001
```
#f02001 rgb(240,32,1)
```

Complementary Color

#01f098
```
#01f098 rgb(1,240,152)
```
#01d1f0
```
#01d1f0 rgb(1,209,240)
```
#0159f0
```
#0159f0 rgb(1,89,240)
```

Analogous Color

#f09801
```
#f09801 rgb(240,152,1)
```
#01d1f0
```
#01d1f0 rgb(1,209,240)
```
#f00159
```
#f00159 rgb(240,1,89)
```

Split Complementary Color

#d1f001
```
#d1f001 rgb(209,240,1)
```
#01d1f0
```
#01d1f0 rgb(1,209,240)
```
#f001d1
```
#f001d1 rgb(240,1,209)
```

Triadic Color

#01f020
```
#01f020 rgb(1,240,32)
```
#01d1f0
```
#01d1f0 rgb(1,209,240)
```
#f001d1
```
#f001d1 rgb(240,1,209)
```
#f02001
```
#f02001 rgb(240,32,1)
```

Tetradic Color

#018fa4
```
#018fa4 rgb(1,143,164)
```
#01a5bd
```
#01a5bd rgb(1,165,189)
```
#01bbd7
```
#01bbd7 rgb(1,187,215)
```
#01d1f0
```
#01d1f0 rgb(1,209,240)
```
#0ddffe
```
#0ddffe rgb(13,223,254)
```
#26e2fe
```
#26e2fe rgb(38,226,254)
```
#3fe5fe
```
#3fe5fe rgb(63,229,254)
```

Monochromatic Color

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

#01f0d3
```
#01f0d3 rgb(1,240,211)
```
#01f0e7
```
#01f0e7 rgb(1,240,231)
```
#01e5f0
```
#01e5f0 rgb(1,229,240)
```
#01d1f0
```
#01d1f0 rgb(1,209,240)
```
#01bdf0
```
#01bdf0 rgb(1,189,240)
```
#01a9f0
```
#01a9f0 rgb(1,169,240)
```
#0195f0
```
#0195f0 rgb(1,149,240)
```

Similar Colors

Text with hexadecimal color #01d1f0

This text has a font color of #01d1f0.

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

#01d1f0 background color

This paragraph has a background color of #01d1f0.

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

#01d1f0 border color

This element has a border color of #01d1f0.

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

CSS codes

.text {color:#01d1f0;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#001619
```
#001619 rgb(0,22,25)
```
#00272d
```
#00272d rgb(0,39,45)
```
#003840
```
#003840 rgb(0,56,64)
```
#004954
```
#004954 rgb(0,73,84)
```
#005a67
```
#005a67 rgb(0,90,103)
```
#016b7b
```
#016b7b rgb(1,107,123)
```
#017c8e
```
#017c8e rgb(1,124,142)
```
#018da2
```
#018da2 rgb(1,141,162)
```
#019eb5
```
#019eb5 rgb(1,158,181)
```
#01afc9
```
#01afc9 rgb(1,175,201)
```
#01c0dc
```
#01c0dc rgb(1,192,220)
```
#01d1f0
```
#01d1f0 rgb(1,209,240)
```

Shade Color Variation

#07defe
```
#07defe rgb(7,222,254)
```
#1ae0fe
```
#1ae0fe rgb(26,224,254)
```
#2ee3fe
```
#2ee3fe rgb(46,227,254)
```
#41e6fe
```
#41e6fe rgb(65,230,254)
```
#55e8fe
```
#55e8fe rgb(85,232,254)
```
#68ebfe
```
#68ebfe rgb(104,235,254)
```
#7ceefe
```
#7ceefe rgb(124,238,254)
```
#8ff0ff
```
#8ff0ff rgb(143,240,255)
```
#a3f3ff
```
#a3f3ff rgb(163,243,255)
```
#b6f5ff
```
#b6f5ff rgb(182,245,255)
```
#caf8ff
```
#caf8ff rgb(202,248,255)
```
#defbff
```
#defbff rgb(222,251,255)
```
#f1fdff
```
#f1fdff rgb(241,253,255)
```

Tint Color Variation

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

#707f81
```
#707f81 rgb(112,127,129)
```
#67858a
```
#67858a rgb(103,133,138)
```
#5e8c93
```
#5e8c93 rgb(94,140,147)
```
#54939d
```
#54939d rgb(84,147,157)
```
#4b9aa6
```
#4b9aa6 rgb(75,154,166)
```
#42a1af
```
#42a1af rgb(66,161,175)
```
#39a8b8
```
#39a8b8 rgb(57,168,184)
```
#2fafc2
```
#2fafc2 rgb(47,175,194)
```
#26b6cb
```
#26b6cb rgb(38,182,203)
```
#1dbcd4
```
#1dbcd4 rgb(29,188,212)
```
#14c3dd
```
#14c3dd rgb(20,195,221)
```
#0acae7
```
#0acae7 rgb(10,202,231)
```
#01d1f0
```
#01d1f0 rgb(1,209,240)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#78a2a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9c0e4 Protanopia 1% of men
#b4bff8 Deuteranopia 1% of men
#00d4e4 Tritanopia 0.001% of the population

Trichromacy

#76c6e8 Protanomaly 1% of men, 0.01% of women
#73c5f5 Deuteranomaly 6% of men, 0.4% of women
#00d3e8 Tritanomaly 0.01% of the population

#01d1f0 hex color

#01d1f0 Color Information

#01d1f0 Color Conversion

Color Schemes with #01d1f0

Alternatives to #01d1f0

#01d1f0 Preview

Shades and Tints of #01d1f0

Tones of #01d1f0

Color Blindness Simulator