#08baf5 hex color

In a RGB color space, hex #08baf5 is composed of 3.1% red, 72.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 24.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 194.9 degrees, a saturation of 93.7% and a lightness of 49.6%. #08baf5 color hex could be obtained by blending #10ffff with #0075eb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 3
- G 73
- B 96
RGB color chart
- C 97
- M 24
- Y 0
- K 4
CMYK color chart

● #08baf5 color description : Vivid cyan.

The hexadecimal color #08baf5 has RGB values of R:8, G:186, B:245 and CMYK values of C:0.97, M:0.24, Y:0, K:0.04. Its decimal value is 572149.

Hex triplet	08baf5	`#08baf5`
RGB Decimal	8, 186, 245	`rgb(8,186,245)`
RGB Percent	3.1, 72.9, 96.1	`rgb(3.1%,72.9%,96.1%)`
CMYK	97, 24, 0, 4
HSL	194.9°, 93.7, 49.6	`hsl(194.9,93.7%,49.6%)`
HSV (or HSB)	194.9°, 96.7, 96.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.704, -18.316, -40.026
XYZ	34.136, 41.759, 92.642
xyY	0.203, 0.248, 41.759
CIE-LCH	70.704, 44.018, 245.412
CIE-LUV	70.704, -48.107, -62.37
Hunter-Lab	64.621, -18.794, -39.765
Binary	00001000, 10111010, 11110101

#08baf5
```
#08baf5 rgb(8,186,245)
```
#f54308
```
#f54308 rgb(245,67,8)
```

Complementary Color

#08f5ba
```
#08f5ba rgb(8,245,186)
```
#08baf5
```
#08baf5 rgb(8,186,245)
```
#0843f5
```
#0843f5 rgb(8,67,245)
```

Analogous Color

#f5ba08
```
#f5ba08 rgb(245,186,8)
```
#08baf5
```
#08baf5 rgb(8,186,245)
```
#f50844
```
#f50844 rgb(245,8,68)
```

Split Complementary Color

#baf508
```
#baf508 rgb(186,245,8)
```
#08baf5
```
#08baf5 rgb(8,186,245)
```
#f508ba
```
#f508ba rgb(245,8,186)
```

Triadic Color

#08f543
```
#08f543 rgb(8,245,67)
```
#08baf5
```
#08baf5 rgb(8,186,245)
```
#f508ba
```
#f508ba rgb(245,8,186)
```
#f54308
```
#f54308 rgb(245,67,8)
```

Tetradic Color

#0682ab
```
#0682ab rgb(6,130,171)
```
#0695c4
```
#0695c4 rgb(6,149,196)
```
#07a7dc
```
#07a7dc rgb(7,167,220)
```
#08baf5
```
#08baf5 rgb(8,186,245)
```
#1fc2f8
```
#1fc2f8 rgb(31,194,248)
```
#38c8f8
```
#38c8f8 rgb(56,200,248)
```
#50cff9
```
#50cff9 rgb(80,207,249)
```

Monochromatic Color

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

#08f5f5
```
#08f5f5 rgb(8,245,245)
```
#08e2f5
```
#08e2f5 rgb(8,226,245)
```
#08cef5
```
#08cef5 rgb(8,206,245)
```
#08baf5
```
#08baf5 rgb(8,186,245)
```
#08a6f5
```
#08a6f5 rgb(8,166,245)
```
#0893f5
```
#0893f5 rgb(8,147,245)
```
#087ff5
```
#087ff5 rgb(8,127,245)
```

Similar Colors

Text with hexadecimal color #08baf5

This text has a font color of #08baf5.

<span style="color:#08baf5;">Text here</span>

#08baf5 background color

This paragraph has a background color of #08baf5.

<p style="background-color:#08baf5;">Content here</p>

#08baf5 border color

This element has a border color of #08baf5.

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

CSS codes

.text {color:#08baf5;}

.background {background-color:#08baf5;}

.border {border:1px solid #08baf5;}

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, #010d11 is the darkest color, while #fdfeff is the lightest one.

#010d11
```
#010d11 rgb(1,13,17)
```
#011b24
```
#011b24 rgb(1,27,36)
```
#022a37
```
#022a37 rgb(2,42,55)
```
#02384a
```
#02384a rgb(2,56,74)
```
#03475d
```
#03475d rgb(3,71,93)
```
#045570
```
#045570 rgb(4,85,112)
```
#046383
```
#046383 rgb(4,99,131)
```
#057296
```
#057296 rgb(5,114,150)
```
#0680a9
```
#0680a9 rgb(6,128,169)
```
#068fbc
```
#068fbc rgb(6,143,188)
```
#079dcf
```
#079dcf rgb(7,157,207)
```
#07ace2
```
#07ace2 rgb(7,172,226)
```
#08baf5
```
#08baf5 rgb(8,186,245)
```

Shade Color Variation

#19c0f7
```
#19c0f7 rgb(25,192,247)
```
#2cc5f8
```
#2cc5f8 rgb(44,197,248)
```
#3fcbf9
```
#3fcbf9 rgb(63,203,249)
```
#52d0f9
```
#52d0f9 rgb(82,208,249)
```
#65d5fa
```
#65d5fa rgb(101,213,250)
```
#78dafb
```
#78dafb rgb(120,218,251)
```
#8bdffb
```
#8bdffb rgb(139,223,251)
```
#9ee4fc
```
#9ee4fc rgb(158,228,252)
```
#b1eafc
```
#b1eafc rgb(177,234,252)
```
#c4effd
```
#c4effd rgb(196,239,253)
```
#d7f4fe
```
#d7f4fe rgb(215,244,254)
```
#eaf9fe
```
#eaf9fe rgb(234,249,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7f80 is the less saturated color, while #08baf5 is the most saturated one.

#7d7f80
```
#7d7f80 rgb(125,127,128)
```
#73848a
```
#73848a rgb(115,132,138)
```
#698994
```
#698994 rgb(105,137,148)
```
#608e9d
```
#608e9d rgb(96,142,157)
```
#5693a7
```
#5693a7 rgb(86,147,167)
```
#4c98b1
```
#4c98b1 rgb(76,152,177)
```
#429dbb
```
#429dbb rgb(66,157,187)
```
#39a2c4
```
#39a2c4 rgb(57,162,196)
```
#2fa6ce
```
#2fa6ce rgb(47,166,206)
```
#25abd8
```
#25abd8 rgb(37,171,216)
```
#1bb0e2
```
#1bb0e2 rgb(27,176,226)
```
#12b5eb
```
#12b5eb rgb(18,181,235)
```
#08baf5
```
#08baf5 rgb(8,186,245)
```

Tone Color Variation

Below, you can see how #08baf5 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

#8c8c8c Achromatopsia 0.005% of the population
#7295a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eafeb Protanopia 1% of men
#8fb0fb Deuteranopia 1% of men
#00c2cf Tritanopia 0.001% of the population

Trichromacy

#67b3ee Protanomaly 1% of men, 0.01% of women
#5eb3f8 Deuteranomaly 6% of men, 0.4% of women
#02bfdd Tritanomaly 0.01% of the population

#08baf5 hex color

#08baf5 Color Information

#08baf5 Color Conversion

Color Schemes with #08baf5

Alternatives to #08baf5

#08baf5 Preview

Shades and Tints of #08baf5

Tones of #08baf5

Color Blindness Simulator