#0ba2bc hex color

In a RGB color space, hex #0ba2bc is composed of 4.3% red, 63.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 94.1% cyan, 13.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 188.8 degrees, a saturation of 88.9% and a lightness of 39%. #0ba2bc color hex could be obtained by blending #16ffff with #004579. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 4
- G 64
- B 74
RGB color chart
- C 94
- M 14
- Y 0
- K 26
CMYK color chart

● #0ba2bc color description : Strong cyan.

The hexadecimal color #0ba2bc has RGB values of R:11, G:162, B:188 and CMYK values of C:0.94, M:0.14, Y:0, K:0.26. Its decimal value is 762556.

Hex triplet	0ba2bc	`#0ba2bc`
RGB Decimal	11, 162, 188	`rgb(11,162,188)`
RGB Percent	4.3, 63.5, 73.7	`rgb(4.3%,63.5%,73.7%)`
CMYK	94, 14, 0, 26
HSL	188.8°, 88.9, 39	`hsl(188.8,88.9%,39%)`
HSV (or HSB)	188.8°, 94.1, 73.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.256, -25.387, -23.241
XYZ	22.133, 29.54, 52.11
xyY	0.213, 0.285, 29.54
CIE-LCH	61.256, 34.418, 222.474
CIE-LUV	61.256, -44.122, -32.335
Hunter-Lab	54.351, -22.426, -18.799
Binary	00001011, 10100010, 10111100

#0ba2bc
```
#0ba2bc rgb(11,162,188)
```
#bc250b
```
#bc250b rgb(188,37,11)
```

Complementary Color

#0bbc7e
```
#0bbc7e rgb(11,188,126)
```
#0ba2bc
```
#0ba2bc rgb(11,162,188)
```
#0b4abc
```
#0b4abc rgb(11,74,188)
```

Analogous Color

#bc7e0b
```
#bc7e0b rgb(188,126,11)
```
#0ba2bc
```
#0ba2bc rgb(11,162,188)
```
#bc0b4a
```
#bc0b4a rgb(188,11,74)
```

Split Complementary Color

#a2bc0b
```
#a2bc0b rgb(162,188,11)
```
#0ba2bc
```
#0ba2bc rgb(11,162,188)
```
#bc0ba2
```
#bc0ba2 rgb(188,11,162)
```

Triadic Color

#0bbc25
```
#0bbc25 rgb(11,188,37)
```
#0ba2bc
```
#0ba2bc rgb(11,162,188)
```
#bc0ba2
```
#bc0ba2 rgb(188,11,162)
```
#bc250b
```
#bc250b rgb(188,37,11)
```

Tetradic Color

#076474
```
#076474 rgb(7,100,116)
```
#08788c
```
#08788c rgb(8,120,140)
```
#0a8da4
```
#0a8da4 rgb(10,141,164)
```
#0ba2bc
```
#0ba2bc rgb(11,162,188)
```
#0cb7d4
```
#0cb7d4 rgb(12,183,212)
```
#0eccec
```
#0eccec rgb(14,204,236)
```
#21d3f2
```
#21d3f2 rgb(33,211,242)
```

Monochromatic Color

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

#0bbcaa
```
#0bbcaa rgb(11,188,170)
```
#0bbcb9
```
#0bbcb9 rgb(11,188,185)
```
#0bb1bc
```
#0bb1bc rgb(11,177,188)
```
#0ba2bc
```
#0ba2bc rgb(11,162,188)
```
#0b93bc
```
#0b93bc rgb(11,147,188)
```
#0b85bc
```
#0b85bc rgb(11,133,188)
```
#0b76bc
```
#0b76bc rgb(11,118,188)
```

Similar Colors

Text with hexadecimal color #0ba2bc

This text has a font color of #0ba2bc.

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

#0ba2bc background color

This paragraph has a background color of #0ba2bc.

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

#0ba2bc border color

This element has a border color of #0ba2bc.

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

CSS codes

.text {color:#0ba2bc;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#011215
```
#011215 rgb(1,18,21)
```
#022228
```
#022228 rgb(2,34,40)
```
#03323a
```
#03323a rgb(3,50,58)
```
#04424d
```
#04424d rgb(4,66,77)
```
#06525f
```
#06525f rgb(6,82,95)
```
#076272
```
#076272 rgb(7,98,114)
```
#087284
```
#087284 rgb(8,114,132)
```
#098297
```
#098297 rgb(9,130,151)
```
#0a92a9
```
#0a92a9 rgb(10,146,169)
```
#0ba2bc
```
#0ba2bc rgb(11,162,188)
```
#0cb2cf
```
#0cb2cf rgb(12,178,207)
```
#0dc2e1
```
#0dc2e1 rgb(13,194,225)
```

Shade Color Variation

#11d0f1
```
#11d0f1 rgb(17,208,241)
```
#23d4f2
```
#23d4f2 rgb(35,212,242)
```
#36d7f3
```
#36d7f3 rgb(54,215,243)
```
#48dbf4
```
#48dbf4 rgb(72,219,244)
```
#5bdff5
```
#5bdff5 rgb(91,223,245)
```
#6de2f6
```
#6de2f6 rgb(109,226,246)
```
#80e6f8
```
#80e6f8 rgb(128,230,248)
```
#93eaf9
```
#93eaf9 rgb(147,234,249)
```
#a5edfa
```
#a5edfa rgb(165,237,250)
```
#b8f1fb
```
#b8f1fb rgb(184,241,251)
```
#caf5fc
```
#caf5fc rgb(202,245,252)
```
#ddf8fd
```
#ddf8fd rgb(221,248,253)
```
#effcfe
```
#effcfe rgb(239,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6768 is the less saturated color, while #03a7c4 is the most saturated one.

#5f6768
```
#5f6768 rgb(95,103,104)
```
#586c6f
```
#586c6f rgb(88,108,111)
```
#507177
```
#507177 rgb(80,113,119)
```
#48777f
```
#48777f rgb(72,119,127)
```
#417c86
```
#417c86 rgb(65,124,134)
```
#39828e
```
#39828e rgb(57,130,142)
```
#318796
```
#318796 rgb(49,135,150)
```
#2a8c9d
```
#2a8c9d rgb(42,140,157)
```
#2292a5
```
#2292a5 rgb(34,146,165)
```
#1a97ad
```
#1a97ad rgb(26,151,173)
```
#139db4
```
#139db4 rgb(19,157,180)
```
#0ba2bc
```
#0ba2bc rgb(11,162,188)
```
#03a7c4
```
#03a7c4 rgb(3,167,196)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#628086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9298b6 Protanopia 1% of men
#8d97c5 Deuteranopia 1% of men
#00a8b4 Tritanopia 0.001% of the population

Trichromacy

#619bb8 Protanomaly 1% of men, 0.01% of women
#5e9bc2 Deuteranomaly 6% of men, 0.4% of women
#04a6b7 Tritanomaly 0.01% of the population

#0ba2bc hex color

#0ba2bc Color Information

#0ba2bc Color Conversion

Color Schemes with #0ba2bc

Alternatives to #0ba2bc

#0ba2bc Preview

Shades and Tints of #0ba2bc

Tones of #0ba2bc

Color Blindness Simulator