#01caf9 hex color

In a RGB color space, hex #01caf9 is composed of 0.4% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 191.4 degrees, a saturation of 99.2% and a lightness of 49%. #01caf9 color hex could be obtained by blending #02ffff with #0095f3. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 0
- G 79
- B 98
RGB color chart
- C 100
- M 19
- Y 0
- K 2
CMYK color chart

● #01caf9 color description : Vivid cyan.

The hexadecimal color #01caf9 has RGB values of R:1, G:202, B:249 and CMYK values of C:1, M:0.19, Y:0, K:0.02. Its decimal value is 117497.

Hex triplet	01caf9	`#01caf9`
RGB Decimal	1, 202, 249	`rgb(1,202,249)`
RGB Percent	0.4, 79.2, 97.6	`rgb(0.4%,79.2%,97.6%)`
CMYK	100, 19, 0, 2
HSL	191.4°, 99.2, 49	`hsl(191.4,99.2%,49%)`
HSV (or HSB)	191.4°, 99.6, 97.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.503, -25.334, -34.729
XYZ	38.227, 49.083, 97.077
xyY	0.207, 0.266, 49.083
CIE-LCH	75.503, 42.988, 233.89
CIE-LUV	75.503, -53.355, -52.829
Hunter-Lab	70.059, -25.207, -33.112
Binary	00000001, 11001010, 11111001

#01caf9
```
#01caf9 rgb(1,202,249)
```
#f93001
```
#f93001 rgb(249,48,1)
```

Complementary Color

#01f9ac
```
#01f9ac rgb(1,249,172)
```
#01caf9
```
#01caf9 rgb(1,202,249)
```
#014ef9
```
#014ef9 rgb(1,78,249)
```

Analogous Color

#f9ac01
```
#f9ac01 rgb(249,172,1)
```
#01caf9
```
#01caf9 rgb(1,202,249)
```
#f9014e
```
#f9014e rgb(249,1,78)
```

Split Complementary Color

#caf901
```
#caf901 rgb(202,249,1)
```
#01caf9
```
#01caf9 rgb(1,202,249)
```
#f901ca
```
#f901ca rgb(249,1,202)
```

Triadic Color

#01f930
```
#01f930 rgb(1,249,48)
```
#01caf9
```
#01caf9 rgb(1,202,249)
```
#f901ca
```
#f901ca rgb(249,1,202)
```
#f93001
```
#f93001 rgb(249,48,1)
```

Tetradic Color

#018cad
```
#018cad rgb(1,140,173)
```
#01a1c6
```
#01a1c6 rgb(1,161,198)
```
#01b5e0
```
#01b5e0 rgb(1,181,224)
```
#01caf9
```
#01caf9 rgb(1,202,249)
```
#15d2fe
```
#15d2fe rgb(21,210,254)
```
#2fd7fe
```
#2fd7fe rgb(47,215,254)
```
#48dcfe
```
#48dcfe rgb(72,220,254)
```

Monochromatic Color

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

#01f9ea
```
#01f9ea rgb(1,249,234)
```
#01f3f9
```
#01f3f9 rgb(1,243,249)
```
#01dff9
```
#01dff9 rgb(1,223,249)
```
#01caf9
```
#01caf9 rgb(1,202,249)
```
#01b5f9
```
#01b5f9 rgb(1,181,249)
```
#01a1f9
```
#01a1f9 rgb(1,161,249)
```
#018cf9
```
#018cf9 rgb(1,140,249)
```

Similar Colors

Text with hexadecimal color #01caf9

This text has a font color of #01caf9.

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

#01caf9 background color

This paragraph has a background color of #01caf9.

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

#01caf9 border color

This element has a border color of #01caf9.

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

CSS codes

.text {color:#01caf9;}

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

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

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

#000c0f
```
#000c0f rgb(0,12,15)
```
#001c22
```
#001c22 rgb(0,28,34)
```
#002c36
```
#002c36 rgb(0,44,54)
```
#003b49
```
#003b49 rgb(0,59,73)
```
#004b5d
```
#004b5d rgb(0,75,93)
```
#005b70
```
#005b70 rgb(0,91,112)
```
#016b84
```
#016b84 rgb(1,107,132)
```
#017b97
```
#017b97 rgb(1,123,151)
```
#018bab
```
#018bab rgb(1,139,171)
```
#019abe
```
#019abe rgb(1,154,190)
```
#01aad2
```
#01aad2 rgb(1,170,210)
```
#01bae5
```
#01bae5 rgb(1,186,229)
```
#01caf9
```
#01caf9 rgb(1,202,249)
```

Shade Color Variation

#10d1fe
```
#10d1fe rgb(16,209,254)
```
#23d5fe
```
#23d5fe rgb(35,213,254)
```
#37d8fe
```
#37d8fe rgb(55,216,254)
```
#4adcfe
```
#4adcfe rgb(74,220,254)
```
#5ee0fe
```
#5ee0fe rgb(94,224,254)
```
#71e4fe
```
#71e4fe rgb(113,228,254)
```
#85e7ff
```
#85e7ff rgb(133,231,255)
```
#98ebff
```
#98ebff rgb(152,235,255)
```
#acefff
```
#acefff rgb(172,239,255)
```
#bff3ff
```
#bff3ff rgb(191,243,255)
```
#d3f7ff
```
#d3f7ff rgb(211,247,255)
```
#e6faff
```
#e6faff rgb(230,250,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#748286
```
#748286 rgb(116,130,134)
```
#6b888f
```
#6b888f rgb(107,136,143)
```
#618e99
```
#618e99 rgb(97,142,153)
```
#5894a2
```
#5894a2 rgb(88,148,162)
```
#4e9aac
```
#4e9aac rgb(78,154,172)
```
#44a0b6
```
#44a0b6 rgb(68,160,182)
```
#3ba6bf
```
#3ba6bf rgb(59,166,191)
```
#31acc9
```
#31acc9 rgb(49,172,201)
```
#27b2d3
```
#27b2d3 rgb(39,178,211)
```
#1eb8dc
```
#1eb8dc rgb(30,184,220)
```
#14bee6
```
#14bee6 rgb(20,190,230)
```
#0bc4ef
```
#0bc4ef rgb(11,196,239)
```
#01caf9
```
#01caf9 rgb(1,202,249)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#769ea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afbbed Protanopia 1% of men
#a6bbff Deuteranopia 1% of men
#00d0de Tritanopia 0.001% of the population

Trichromacy

#70c0f1 Protanomaly 1% of men, 0.01% of women
#6ac0fc Deuteranomaly 6% of men, 0.4% of women
#00cde8 Tritanomaly 0.01% of the population

#01caf9 hex color

#01caf9 Color Information

#01caf9 Color Conversion

Color Schemes with #01caf9

Alternatives to #01caf9

#01caf9 Preview

Shades and Tints of #01caf9

Tones of #01caf9

Color Blindness Simulator