#0baaff hex color

In a RGB color space, hex #0baaff is composed of 4.3% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 95.7% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 200.9 degrees, a saturation of 100% and a lightness of 52.2%. #0baaff color hex could be obtained by blending #16ffff with #0055ff. 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

● #0baaff color description : Vivid blue.

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

Hex triplet	0baaff	`#0baaff`
RGB Decimal	11, 170, 255	`rgb(11,170,255)`
RGB Percent	4.3, 66.7, 100	`rgb(4.3%,66.7%,100%)`
CMYK	96, 33, 0, 0
HSL	200.9°, 100, 52.2	`hsl(200.9,100%,52.2%)`
HSV (or HSB)	200.9°, 95.7, 100
Web Safe	0099ff	`#0099ff`

CIE-LAB	66.549, -5.966, -51.979
XYZ	32.558, 36.037, 99.842
xyY	0.193, 0.214, 36.037
CIE-LCH	66.549, 52.32, 263.452
CIE-LUV	66.549, -42.046, -83.628
Hunter-Lab	60.031, -8.244, -56.588
Binary	00001011, 10101010, 11111111

#0baaff
```
#0baaff rgb(11,170,255)
```
#ff600b
```
#ff600b rgb(255,96,11)
```

Complementary Color

#0bffda
```
#0bffda rgb(11,255,218)
```
#0baaff
```
#0baaff rgb(11,170,255)
```
#0b30ff
```
#0b30ff rgb(11,48,255)
```

Analogous Color

#ffda0b
```
#ffda0b rgb(255,218,11)
```
#0baaff
```
#0baaff rgb(11,170,255)
```
#ff0b30
```
#ff0b30 rgb(255,11,48)
```

Split Complementary Color

#aaff0b
```
#aaff0b rgb(170,255,11)
```
#0baaff
```
#0baaff rgb(11,170,255)
```
#ff0baa
```
#ff0baa rgb(255,11,170)
```

Triadic Color

#0bff60
```
#0bff60 rgb(11,255,96)
```
#0baaff
```
#0baaff rgb(11,170,255)
```
#ff0baa
```
#ff0baa rgb(255,11,170)
```
#ff600b
```
#ff600b rgb(255,96,11)
```

Tetradic Color

#007bbe
```
#007bbe rgb(0,123,190)
```
#008cd7
```
#008cd7 rgb(0,140,215)
```
#009df1
```
#009df1 rgb(0,157,241)
```
#0baaff
```
#0baaff rgb(11,170,255)
```
#25b3ff
```
#25b3ff rgb(37,179,255)
```
#3ebcff
```
#3ebcff rgb(62,188,255)
```
#58c5ff
```
#58c5ff rgb(88,197,255)
```

Monochromatic Color

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

#0be7ff
```
#0be7ff rgb(11,231,255)
```
#0bd3ff
```
#0bd3ff rgb(11,211,255)
```
#0bbeff
```
#0bbeff rgb(11,190,255)
```
#0baaff
```
#0baaff rgb(11,170,255)
```
#0b96ff
```
#0b96ff rgb(11,150,255)
```
#0b81ff
```
#0b81ff rgb(11,129,255)
```
#0b6dff
```
#0b6dff rgb(11,109,255)
```

Similar Colors

Text with hexadecimal color #0baaff

This text has a font color of #0baaff.

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

#0baaff background color

This paragraph has a background color of #0baaff.

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

#0baaff border color

This element has a border color of #0baaff.

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

CSS codes

.text {color:#0baaff;}

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

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

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

#00070b
```
#00070b rgb(0,7,11)
```
#00141f
```
#00141f rgb(0,20,31)
```
#002132
```
#002132 rgb(0,33,50)
```
#002e46
```
#002e46 rgb(0,46,70)
```
#003a59
```
#003a59 rgb(0,58,89)
```
#00476d
```
#00476d rgb(0,71,109)
```
#005481
```
#005481 rgb(0,84,129)
```
#006194
```
#006194 rgb(0,97,148)
```
#006da8
```
#006da8 rgb(0,109,168)
```
#007abc
```
#007abc rgb(0,122,188)
```
#0087cf
```
#0087cf rgb(0,135,207)
```
#0094e3
```
#0094e3 rgb(0,148,227)
```
#00a1f6
```
#00a1f6 rgb(0,161,246)
```

Shade Color Variation

#0baaff
```
#0baaff rgb(11,170,255)
```
#1fb1ff
```
#1fb1ff rgb(31,177,255)
```
#32b8ff
```
#32b8ff rgb(50,184,255)
```
#46beff
```
#46beff rgb(70,190,255)
```
#59c5ff
```
#59c5ff rgb(89,197,255)
```
#6dccff
```
#6dccff rgb(109,204,255)
```
#81d3ff
```
#81d3ff rgb(129,211,255)
```
#94daff
```
#94daff rgb(148,218,255)
```
#a8e1ff
```
#a8e1ff rgb(168,225,255)
```
#bce7ff
```
#bce7ff rgb(188,231,255)
```
#cfeeff
```
#cfeeff rgb(207,238,255)
```
#e3f5ff
```
#e3f5ff rgb(227,245,255)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#7c888e
```
#7c888e rgb(124,136,142)
```
#728b98
```
#728b98 rgb(114,139,152)
```
#698ea1
```
#698ea1 rgb(105,142,161)
```
#5f90ab
```
#5f90ab rgb(95,144,171)
```
#5693b4
```
#5693b4 rgb(86,147,180)
```
#4d96bd
```
#4d96bd rgb(77,150,189)
```
#4399c7
```
#4399c7 rgb(67,153,199)
```
#3a9cd0
```
#3a9cd0 rgb(58,156,208)
```
#319fd9
```
#319fd9 rgb(49,159,217)
```
#27a1e3
```
#27a1e3 rgb(39,161,227)
```
#1ea4ec
```
#1ea4ec rgb(30,164,236)
```
#14a7f6
```
#14a7f6 rgb(20,167,246)
```
#0baaff
```
#0baaff rgb(11,170,255)
```

Tone Color Variation

Below, you can see how #0baaff 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
#6c8c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a3f6 Protanopia 1% of men
#6da7ff Deuteranopia 1% of men
#00b7c2 Tritanopia 0.001% of the population

Trichromacy

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

#0baaff hex color

#0baaff Color Information

#0baaff Color Conversion

Color Schemes with #0baaff

Alternatives to #0baaff

#0baaff Preview

Shades and Tints of #0baaff

Tones of #0baaff

Color Blindness Simulator