#0baafe hex color

In a RGB color space, hex #0baafe is composed of 4.3% red, 66.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 95.7% cyan, 33.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 200.7 degrees, a saturation of 99.2% and a lightness of 52%. #0baafe color hex could be obtained by blending #16ffff with #0055fd. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 4
- G 67
- B 100
RGB color chart
- C 96
- M 33
- Y 0
- K 0
CMYK color chart

● #0baafe color description : Vivid blue.

The hexadecimal color #0baafe has RGB values of R:11, G:170, B:254 and CMYK values of C:0.96, M:0.33, Y:0, K:0. Its decimal value is 764670.

Hex triplet	0baafe	`#0baafe`
RGB Decimal	11, 170, 254	`rgb(11,170,254)`
RGB Percent	4.3, 66.7, 99.6	`rgb(4.3%,66.7%,99.6%)`
CMYK	96, 33, 0, 0
HSL	200.7°, 99.2, 52	`hsl(200.7,99.2%,52%)`
HSV (or HSB)	200.7°, 95.7, 99.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	66.499, -6.331, -51.513
XYZ	32.398, 35.973, 98.996
xyY	0.194, 0.215, 35.973
CIE-LCH	66.499, 51.901, 262.994
CIE-LUV	66.499, -42.11, -82.788
Hunter-Lab	59.978, -8.542, -55.877
Binary	00001011, 10101010, 11111110

#0baafe
```
#0baafe rgb(11,170,254)
```
#fe5f0b
```
#fe5f0b rgb(254,95,11)
```

Complementary Color

#0bfed9
```
#0bfed9 rgb(11,254,217)
```
#0baafe
```
#0baafe rgb(11,170,254)
```
#0b31fe
```
#0b31fe rgb(11,49,254)
```

Analogous Color

#fed90b
```
#fed90b rgb(254,217,11)
```
#0baafe
```
#0baafe rgb(11,170,254)
```
#fe0b31
```
#fe0b31 rgb(254,11,49)
```

Split Complementary Color

#aafe0b
```
#aafe0b rgb(170,254,11)
```
#0baafe
```
#0baafe rgb(11,170,254)
```
#fe0baa
```
#fe0baa rgb(254,11,170)
```

Triadic Color

#0bfe5f
```
#0bfe5f rgb(11,254,95)
```
#0baafe
```
#0baafe rgb(11,170,254)
```
#fe0baa
```
#fe0baa rgb(254,11,170)
```
#fe5f0b
```
#fe5f0b rgb(254,95,11)
```

Tetradic Color

#017bbc
```
#017bbc rgb(1,123,188)
```
#018cd5
```
#018cd5 rgb(1,140,213)
```
#019cef
```
#019cef rgb(1,156,239)
```
#0baafe
```
#0baafe rgb(11,170,254)
```
#24b3fe
```
#24b3fe rgb(36,179,254)
```
#3ebcfe
```
#3ebcfe rgb(62,188,254)
```
#57c5fe
```
#57c5fe rgb(87,197,254)
```

Monochromatic Color

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

#0be7fe
```
#0be7fe rgb(11,231,254)
```
#0bd3fe
```
#0bd3fe rgb(11,211,254)
```
#0bbefe
```
#0bbefe rgb(11,190,254)
```
#0baafe
```
#0baafe rgb(11,170,254)
```
#0b96fe
```
#0b96fe rgb(11,150,254)
```
#0b82fe
```
#0b82fe rgb(11,130,254)
```
#0b6dfe
```
#0b6dfe rgb(11,109,254)
```

Similar Colors

Text with hexadecimal color #0baafe

This text has a font color of #0baafe.

<span style="color:#0baafe;">Text here</span>

#0baafe background color

This paragraph has a background color of #0baafe.

<p style="background-color:#0baafe;">Content here</p>

#0baafe border color

This element has a border color of #0baafe.

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

CSS codes

.text {color:#0baafe;}

.background {background-color:#0baafe;}

.border {border:1px solid #0baafe;}

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, #00070a is the darkest color, while #f5fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#00131d
```
#00131d rgb(0,19,29)
```
#002031
```
#002031 rgb(0,32,49)
```
#002d45
```
#002d45 rgb(0,45,69)
```
#003a58
```
#003a58 rgb(0,58,88)
```
#00476c
```
#00476c rgb(0,71,108)
```
#01537f
```
#01537f rgb(1,83,127)
```
#016093
```
#016093 rgb(1,96,147)
```
#016da6
```
#016da6 rgb(1,109,166)
```
#017aba
```
#017aba rgb(1,122,186)
```
#0187cd
```
#0187cd rgb(1,135,205)
```
#0193e1
```
#0193e1 rgb(1,147,225)
```
#01a0f4
```
#01a0f4 rgb(1,160,244)
```

Shade Color Variation

#0baafe
```
#0baafe rgb(11,170,254)
```
#1fb1fe
```
#1fb1fe rgb(31,177,254)
```
#32b8fe
```
#32b8fe rgb(50,184,254)
```
#46befe
```
#46befe rgb(70,190,254)
```
#59c5fe
```
#59c5fe rgb(89,197,254)
```
#6dccfe
```
#6dccfe rgb(109,204,254)
```
#80d3fe
```
#80d3fe rgb(128,211,254)
```
#94daff
```
#94daff rgb(148,218,255)
```
#a7e0ff
```
#a7e0ff rgb(167,224,255)
```
#bbe7ff
```
#bbe7ff rgb(187,231,255)
```
#ceeeff
```
#ceeeff rgb(206,238,255)
```
#e2f5ff
```
#e2f5ff rgb(226,245,255)
```
#f5fcff
```
#f5fcff rgb(245,252,255)
```

Tint Color Variation

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

#7c878d
```
#7c878d rgb(124,135,141)
```
#738a96
```
#738a96 rgb(115,138,150)
```
#698da0
```
#698da0 rgb(105,141,160)
```
#6090a9
```
#6090a9 rgb(96,144,169)
```
#5693b3
```
#5693b3 rgb(86,147,179)
```
#4d96bc
```
#4d96bc rgb(77,150,188)
```
#4499c5
```
#4499c5 rgb(68,153,197)
```
#3a9bcf
```
#3a9bcf rgb(58,155,207)
```
#319ed8
```
#319ed8 rgb(49,158,216)
```
#27a1e2
```
#27a1e2 rgb(39,161,226)
```
#1ea4eb
```
#1ea4eb rgb(30,164,235)
```
#14a7f5
```
#14a7f5 rgb(20,167,245)
```
#0baafe
```
#0baafe rgb(11,170,254)
```

Tone Color Variation

Below, you can see how #0baafe 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

#848484 Achromatopsia 0.005% of the population
#6c8c9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a3f5 Protanopia 1% of men
#6da7ff Deuteranopia 1% of men
#00b6c2 Tritanopia 0.001% of the population

Trichromacy

#59a6f8 Protanomaly 1% of men, 0.01% of women
#49a8fe Deuteranomaly 6% of men, 0.4% of women
#04b2d8 Tritanomaly 0.01% of the population

#0baafe hex color

#0baafe Color Information

#0baafe Color Conversion

Color Schemes with #0baafe

Alternatives to #0baafe

#0baafe Preview

Shades and Tints of #0baafe

Tones of #0baafe

Color Blindness Simulator