#01baf0 hex color

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

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

● #01baf0 color description : Vivid cyan.

The hexadecimal color #01baf0 has RGB values of R:1, G:186, B:240 and CMYK values of C:1, M:0.23, Y:0, K:0.06. Its decimal value is 113392.

Hex triplet	01baf0	`#01baf0`
RGB Decimal	1, 186, 240	`rgb(1,186,240)`
RGB Percent	0.4, 72.9, 94.1	`rgb(0.4%,72.9%,94.1%)`
CMYK	100, 23, 0, 6
HSL	193.6°, 99.2, 47.3	`hsl(193.6,99.2%,47.3%)`
HSV (or HSB)	193.6°, 99.6, 94.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.464, -20.221, -37.694
XYZ	33.295, 41.412, 88.672
xyY	0.204, 0.253, 41.412
CIE-LCH	70.464, 42.775, 241.788
CIE-LUV	70.464, -48.691, -58.108
Hunter-Lab	64.352, -20.262, -36.65
Binary	00000001, 10111010, 11110000

#01baf0
```
#01baf0 rgb(1,186,240)
```
#f03701
```
#f03701 rgb(240,55,1)
```

Complementary Color

#01f0af
```
#01f0af rgb(1,240,175)
```
#01baf0
```
#01baf0 rgb(1,186,240)
```
#0143f0
```
#0143f0 rgb(1,67,240)
```

Analogous Color

#f0af01
```
#f0af01 rgb(240,175,1)
```
#01baf0
```
#01baf0 rgb(1,186,240)
```
#f00142
```
#f00142 rgb(240,1,66)
```

Split Complementary Color

#baf001
```
#baf001 rgb(186,240,1)
```
#01baf0
```
#01baf0 rgb(1,186,240)
```
#f001ba
```
#f001ba rgb(240,1,186)
```

Triadic Color

#01f037
```
#01f037 rgb(1,240,55)
```
#01baf0
```
#01baf0 rgb(1,186,240)
```
#f001ba
```
#f001ba rgb(240,1,186)
```
#f03701
```
#f03701 rgb(240,55,1)
```

Tetradic Color

#017fa4
```
#017fa4 rgb(1,127,164)
```
#0193bd
```
#0193bd rgb(1,147,189)
```
#01a6d7
```
#01a6d7 rgb(1,166,215)
```
#01baf0
```
#01baf0 rgb(1,186,240)
```
#0dc7fe
```
#0dc7fe rgb(13,199,254)
```
#26cdfe
```
#26cdfe rgb(38,205,254)
```
#3fd3fe
```
#3fd3fe rgb(63,211,254)
```

Monochromatic Color

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

#01f0ea
```
#01f0ea rgb(1,240,234)
```
#01e2f0
```
#01e2f0 rgb(1,226,240)
```
#01cef0
```
#01cef0 rgb(1,206,240)
```
#01baf0
```
#01baf0 rgb(1,186,240)
```
#01a6f0
```
#01a6f0 rgb(1,166,240)
```
#0192f0
```
#0192f0 rgb(1,146,240)
```
#017ef0
```
#017ef0 rgb(1,126,240)
```

Similar Colors

Text with hexadecimal color #01baf0

This text has a font color of #01baf0.

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

#01baf0 background color

This paragraph has a background color of #01baf0.

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

#01baf0 border color

This element has a border color of #01baf0.

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

CSS codes

.text {color:#01baf0;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#001319
```
#001319 rgb(0,19,25)
```
#00232d
```
#00232d rgb(0,35,45)
```
#003240
```
#003240 rgb(0,50,64)
```
#004154
```
#004154 rgb(0,65,84)
```
#005067
```
#005067 rgb(0,80,103)
```
#015f7b
```
#015f7b rgb(1,95,123)
```
#016e8e
```
#016e8e rgb(1,110,142)
```
#017da2
```
#017da2 rgb(1,125,162)
```
#018db5
```
#018db5 rgb(1,141,181)
```
#019cc9
```
#019cc9 rgb(1,156,201)
```
#01abdc
```
#01abdc rgb(1,171,220)
```
#01baf0
```
#01baf0 rgb(1,186,240)
```

Shade Color Variation

#07c6fe
```
#07c6fe rgb(7,198,254)
```
#1acbfe
```
#1acbfe rgb(26,203,254)
```
#2ecffe
```
#2ecffe rgb(46,207,254)
```
#41d4fe
```
#41d4fe rgb(65,212,254)
```
#55d8fe
```
#55d8fe rgb(85,216,254)
```
#68dcfe
```
#68dcfe rgb(104,220,254)
```
#7ce1fe
```
#7ce1fe rgb(124,225,254)
```
#8fe5ff
```
#8fe5ff rgb(143,229,255)
```
#a3eaff
```
#a3eaff rgb(163,234,255)
```
#b6eeff
```
#b6eeff rgb(182,238,255)
```
#caf3ff
```
#caf3ff rgb(202,243,255)
```
#def7ff
```
#def7ff rgb(222,247,255)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

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

#707d81
```
#707d81 rgb(112,125,129)
```
#67828a
```
#67828a rgb(103,130,138)
```
#5e8793
```
#5e8793 rgb(94,135,147)
```
#548c9d
```
#548c9d rgb(84,140,157)
```
#4b91a6
```
#4b91a6 rgb(75,145,166)
```
#4296af
```
#4296af rgb(66,150,175)
```
#399cb8
```
#399cb8 rgb(57,156,184)
```
#2fa1c2
```
#2fa1c2 rgb(47,161,194)
```
#26a6cb
```
#26a6cb rgb(38,166,203)
```
#1dabd4
```
#1dabd4 rgb(29,171,212)
```
#14b0dd
```
#14b0dd rgb(20,176,221)
```
#0ab5e7
```
#0ab5e7 rgb(10,181,231)
```
#01baf0
```
#01baf0 rgb(1,186,240)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#6e939e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9faee6 Protanopia 1% of men
#92aff6 Deuteranopia 1% of men
#00c1cf Tritanopia 0.001% of the population

Trichromacy

#66b2e9 Protanomaly 1% of men, 0.01% of women
#5db3f4 Deuteranomaly 6% of men, 0.4% of women
#00bedb Tritanomaly 0.01% of the population

#01baf0 hex color

#01baf0 Color Information

#01baf0 Color Conversion

Color Schemes with #01baf0

Alternatives to #01baf0

#01baf0 Preview

Shades and Tints of #01baf0

Tones of #01baf0

Color Blindness Simulator