#01caf1 hex color

In a RGB color space, hex #01caf1 is composed of 0.4% red, 79.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 16.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 189.8 degrees, a saturation of 99.2% and a lightness of 47.5%. #01caf1 color hex could be obtained by blending #02ffff with #0095e3. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 0
- G 79
- B 95
RGB color chart
- C 100
- M 16
- Y 0
- K 5
CMYK color chart

● #01caf1 color description : Vivid cyan.

The hexadecimal color #01caf1 has RGB values of R:1, G:202, B:241 and CMYK values of C:1, M:0.16, Y:0, K:0.05. Its decimal value is 117489.

Hex triplet	01caf1	`#01caf1`
RGB Decimal	1, 202, 241	`rgb(1,202,241)`
RGB Percent	0.4, 79.2, 94.5	`rgb(0.4%,79.2%,94.5%)`
CMYK	100, 16, 0, 5
HSL	189.8°, 99.2, 47.5	`hsl(189.8,99.2%,47.5%)`
HSV (or HSB)	189.8°, 99.6, 94.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.198, -27.995, -30.905
XYZ	37.006, 48.595, 90.644
xyY	0.21, 0.276, 48.595
CIE-LCH	75.198, 41.699, 227.828
CIE-LUV	75.198, -53.978, -45.885
Hunter-Lab	69.71, -27.235, -28.298
Binary	00000001, 11001010, 11110001

#01caf1
```
#01caf1 rgb(1,202,241)
```
#f12801
```
#f12801 rgb(241,40,1)
```

Complementary Color

#01f1a0
```
#01f1a0 rgb(1,241,160)
```
#01caf1
```
#01caf1 rgb(1,202,241)
```
#0152f1
```
#0152f1 rgb(1,82,241)
```

Analogous Color

#f1a001
```
#f1a001 rgb(241,160,1)
```
#01caf1
```
#01caf1 rgb(1,202,241)
```
#f10152
```
#f10152 rgb(241,1,82)
```

Split Complementary Color

#caf101
```
#caf101 rgb(202,241,1)
```
#01caf1
```
#01caf1 rgb(1,202,241)
```
#f101ca
```
#f101ca rgb(241,1,202)
```

Triadic Color

#01f128
```
#01f128 rgb(1,241,40)
```
#01caf1
```
#01caf1 rgb(1,202,241)
```
#f101ca
```
#f101ca rgb(241,1,202)
```
#f12801
```
#f12801 rgb(241,40,1)
```

Tetradic Color

#018aa5
```
#018aa5 rgb(1,138,165)
```
#019fbe
```
#019fbe rgb(1,159,190)
```
#01b5d8
```
#01b5d8 rgb(1,181,216)
```
#01caf1
```
#01caf1 rgb(1,202,241)
```
#0ed7fe
```
#0ed7fe rgb(14,215,254)
```
#27dbfe
```
#27dbfe rgb(39,219,254)
```
#40dffe
```
#40dffe rgb(64,223,254)
```

Monochromatic Color

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

#01f1dc
```
#01f1dc rgb(1,241,220)
```
#01f1f0
```
#01f1f0 rgb(1,241,240)
```
#01def1
```
#01def1 rgb(1,222,241)
```
#01caf1
```
#01caf1 rgb(1,202,241)
```
#01b6f1
```
#01b6f1 rgb(1,182,241)
```
#01a2f1
```
#01a2f1 rgb(1,162,241)
```
#018ef1
```
#018ef1 rgb(1,142,241)
```

Similar Colors

Text with hexadecimal color #01caf1

This text has a font color of #01caf1.

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

#01caf1 background color

This paragraph has a background color of #01caf1.

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

#01caf1 border color

This element has a border color of #01caf1.

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

CSS codes

.text {color:#01caf1;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#00161a
```
#00161a rgb(0,22,26)
```
#00262e
```
#00262e rgb(0,38,46)
```
#003741
```
#003741 rgb(0,55,65)
```
#004755
```
#004755 rgb(0,71,85)
```
#005768
```
#005768 rgb(0,87,104)
```
#01687c
```
#01687c rgb(1,104,124)
```
#01788f
```
#01788f rgb(1,120,143)
```
#0189a3
```
#0189a3 rgb(1,137,163)
```
#0199b6
```
#0199b6 rgb(1,153,182)
```
#01a9ca
```
#01a9ca rgb(1,169,202)
```
#01badd
```
#01badd rgb(1,186,221)
```
#01caf1
```
#01caf1 rgb(1,202,241)
```

Shade Color Variation

#08d6fe
```
#08d6fe rgb(8,214,254)
```
#1bd9fe
```
#1bd9fe rgb(27,217,254)
```
#2fdcfe
```
#2fdcfe rgb(47,220,254)
```
#42e0fe
```
#42e0fe rgb(66,224,254)
```
#56e3fe
```
#56e3fe rgb(86,227,254)
```
#69e6fe
```
#69e6fe rgb(105,230,254)
```
#7de9fe
```
#7de9fe rgb(125,233,254)
```
#90edff
```
#90edff rgb(144,237,255)
```
#a4f0ff
```
#a4f0ff rgb(164,240,255)
```
#b7f3ff
```
#b7f3ff rgb(183,243,255)
```
#cbf6ff
```
#cbf6ff rgb(203,246,255)
```
#dffaff
```
#dffaff rgb(223,250,255)
```
#f2fdff
```
#f2fdff rgb(242,253,255)
```

Tint Color Variation

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

#717f81
```
#717f81 rgb(113,127,129)
```
#67858b
```
#67858b rgb(103,133,139)
```
#5e8b94
```
#5e8b94 rgb(94,139,148)
```
#55919d
```
#55919d rgb(85,145,157)
```
#4b98a7
```
#4b98a7 rgb(75,152,167)
```
#429eb0
```
#429eb0 rgb(66,158,176)
```
#39a4b9
```
#39a4b9 rgb(57,164,185)
```
#30abc2
```
#30abc2 rgb(48,171,194)
```
#26b1cc
```
#26b1cc rgb(38,177,204)
```
#1db7d5
```
#1db7d5 rgb(29,183,213)
```
#14bdde
```
#14bdde rgb(20,189,222)
```
#0ac4e8
```
#0ac4e8 rgb(10,196,232)
```
#01caf1
```
#01caf1 rgb(1,202,241)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#759da5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bbe6 Protanopia 1% of men
#aabaf8 Deuteranopia 1% of men
#00cfdd Tritanopia 0.001% of the population

Trichromacy

#71c0ea Protanomaly 1% of men, 0.01% of women
#6cc0f6 Deuteranomaly 6% of men, 0.4% of women
#00cde4 Tritanomaly 0.01% of the population

#01caf1 hex color

#01caf1 Color Information

#01caf1 Color Conversion

Color Schemes with #01caf1

Alternatives to #01caf1

#01caf1 Preview

Shades and Tints of #01caf1

Tones of #01caf1

Color Blindness Simulator