#05baf0 hex color

In a RGB color space, hex #05baf0 is composed of 2% red, 72.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 22.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 193.8 degrees, a saturation of 95.9% and a lightness of 48%. #05baf0 color hex could be obtained by blending #0affff with #0075e1. Closest websafe color is: #00ccff.

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

● #05baf0 color description : Vivid cyan.

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

Hex triplet	05baf0	`#05baf0`
RGB Decimal	5, 186, 240	`rgb(5,186,240)`
RGB Percent	2, 72.9, 94.1	`rgb(2%,72.9%,94.1%)`
CMYK	98, 23, 0, 6
HSL	193.8°, 95.9, 48	`hsl(193.8,95.9%,48%)`
HSV (or HSB)	193.8°, 97.9, 94.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.482, -20.122, -37.664
XYZ	33.346, 41.438, 88.674
xyY	0.204, 0.254, 41.438
CIE-LCH	70.482, 42.703, 241.887
CIE-LUV	70.482, -48.568, -58.07
Hunter-Lab	64.372, -20.187, -36.612
Binary	00000101, 10111010, 11110000

#05baf0
```
#05baf0 rgb(5,186,240)
```
#f03b05
```
#f03b05 rgb(240,59,5)
```

Complementary Color

#05f0b1
```
#05f0b1 rgb(5,240,177)
```
#05baf0
```
#05baf0 rgb(5,186,240)
```
#0545f0
```
#0545f0 rgb(5,69,240)
```

Analogous Color

#f0b105
```
#f0b105 rgb(240,177,5)
```
#05baf0
```
#05baf0 rgb(5,186,240)
```
#f00545
```
#f00545 rgb(240,5,69)
```

Split Complementary Color

#baf005
```
#baf005 rgb(186,240,5)
```
#05baf0
```
#05baf0 rgb(5,186,240)
```
#f005ba
```
#f005ba rgb(240,5,186)
```

Triadic Color

#05f03b
```
#05f03b rgb(5,240,59)
```
#05baf0
```
#05baf0 rgb(5,186,240)
```
#f005ba
```
#f005ba rgb(240,5,186)
```
#f03b05
```
#f03b05 rgb(240,59,5)
```

Tetradic Color

#0380a5
```
#0380a5 rgb(3,128,165)
```
#0493be
```
#0493be rgb(4,147,190)
```
#04a7d7
```
#04a7d7 rgb(4,167,215)
```
#05baf0
```
#05baf0 rgb(5,186,240)
```
#14c5fa
```
#14c5fa rgb(20,197,250)
```
#2dcbfb
```
#2dcbfb rgb(45,203,251)
```
#46d2fb
```
#46d2fb rgb(70,210,251)
```

Monochromatic Color

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

#05f0eb
```
#05f0eb rgb(5,240,235)
```
#05e1f0
```
#05e1f0 rgb(5,225,240)
```
#05cef0
```
#05cef0 rgb(5,206,240)
```
#05baf0
```
#05baf0 rgb(5,186,240)
```
#05a6f0
```
#05a6f0 rgb(5,166,240)
```
#0593f0
```
#0593f0 rgb(5,147,240)
```
#057ff0
```
#057ff0 rgb(5,127,240)
```

Similar Colors

Text with hexadecimal color #05baf0

This text has a font color of #05baf0.

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

#05baf0 background color

This paragraph has a background color of #05baf0.

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

#05baf0 border color

This element has a border color of #05baf0.

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

CSS codes

.text {color:#05baf0;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#01161d
```
#01161d rgb(1,22,29)
```
#012530
```
#012530 rgb(1,37,48)
```
#013443
```
#013443 rgb(1,52,67)
```
#024356
```
#024356 rgb(2,67,86)
```
#025269
```
#025269 rgb(2,82,105)
```
#03617d
```
#03617d rgb(3,97,125)
```
#037090
```
#037090 rgb(3,112,144)
```
#037ea3
```
#037ea3 rgb(3,126,163)
```
#048db6
```
#048db6 rgb(4,141,182)
```
#049cca
```
#049cca rgb(4,156,202)
```
#05abdd
```
#05abdd rgb(5,171,221)
```
#05baf0
```
#05baf0 rgb(5,186,240)
```

Shade Color Variation

#0fc4fa
```
#0fc4fa rgb(15,196,250)
```
#22c9fa
```
#22c9fa rgb(34,201,250)
```
#35cdfb
```
#35cdfb rgb(53,205,251)
```
#48d2fb
```
#48d2fb rgb(72,210,251)
```
#5bd7fc
```
#5bd7fc rgb(91,215,252)
```
#6fdcfc
```
#6fdcfc rgb(111,220,252)
```
#82e0fc
```
#82e0fc rgb(130,224,252)
```
#95e5fd
```
#95e5fd rgb(149,229,253)
```
#a8eafd
```
#a8eafd rgb(168,234,253)
```
#bceefe
```
#bceefe rgb(188,238,254)
```
#cff3fe
```
#cff3fe rgb(207,243,254)
```
#e2f8fe
```
#e2f8fe rgb(226,248,254)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```

Tint Color Variation

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

#767d7f
```
#767d7f rgb(118,125,127)
```
#6d8288
```
#6d8288 rgb(109,130,136)
```
#638792
```
#638792 rgb(99,135,146)
```
#5a8c9b
```
#5a8c9b rgb(90,140,155)
```
#5091a5
```
#5091a5 rgb(80,145,165)
```
#4796ae
```
#4796ae rgb(71,150,174)
```
#3e9bb7
```
#3e9bb7 rgb(62,155,183)
```
#34a1c1
```
#34a1c1 rgb(52,161,193)
```
#2ba6ca
```
#2ba6ca rgb(43,166,202)
```
#21abd4
```
#21abd4 rgb(33,171,212)
```
#18b0dd
```
#18b0dd rgb(24,176,221)
```
#0eb5e7
```
#0eb5e7 rgb(14,181,231)
```
#05baf0
```
#05baf0 rgb(5,186,240)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#6f949e 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

#67b2e9 Protanomaly 1% of men, 0.01% of women
#5fb3f4 Deuteranomaly 6% of men, 0.4% of women
#01bfdb Tritanomaly 0.01% of the population

#05baf0 hex color

#05baf0 Color Information

#05baf0 Color Conversion

Color Schemes with #05baf0

Alternatives to #05baf0

#05baf0 Preview

Shades and Tints of #05baf0

Tones of #05baf0

Color Blindness Simulator