#0ba2b8 hex color

In a RGB color space, hex #0ba2b8 is composed of 4.3% red, 63.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 94% cyan, 12% magenta, 0% yellow and 27.8% black. It has a hue angle of 187.6 degrees, a saturation of 88.7% and a lightness of 38.2%. #0ba2b8 color hex could be obtained by blending #16ffff with #004571. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 4
- G 64
- B 72
RGB color chart
- C 94
- M 12
- Y 0
- K 28
CMYK color chart

● #0ba2b8 color description : Strong cyan.

The hexadecimal color #0ba2b8 has RGB values of R:11, G:162, B:184 and CMYK values of C:0.94, M:0.12, Y:0, K:0.28. Its decimal value is 762552.

Hex triplet	0ba2b8	`#0ba2b8`
RGB Decimal	11, 162, 184	`rgb(11,162,184)`
RGB Percent	4.3, 63.5, 72.2	`rgb(4.3%,63.5%,72.2%)`
CMYK	94, 12, 0, 28
HSL	187.6°, 88.7, 38.2	`hsl(187.6,88.7%,38.2%)`
HSV (or HSB)	187.6°, 94, 72.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.107, -26.729, -21.223
XYZ	21.708, 29.37, 49.87
xyY	0.215, 0.291, 29.37
CIE-LCH	61.107, 34.13, 218.45
CIE-LUV	61.107, -44.431, -28.86
Hunter-Lab	54.194, -23.342, -16.623
Binary	00001011, 10100010, 10111000

#0ba2b8
```
#0ba2b8 rgb(11,162,184)
```
#b8210b
```
#b8210b rgb(184,33,11)
```

Complementary Color

#0bb878
```
#0bb878 rgb(11,184,120)
```
#0ba2b8
```
#0ba2b8 rgb(11,162,184)
```
#0b4cb8
```
#0b4cb8 rgb(11,76,184)
```

Analogous Color

#b8780b
```
#b8780b rgb(184,120,11)
```
#0ba2b8
```
#0ba2b8 rgb(11,162,184)
```
#b80b4c
```
#b80b4c rgb(184,11,76)
```

Split Complementary Color

#a2b80b
```
#a2b80b rgb(162,184,11)
```
#0ba2b8
```
#0ba2b8 rgb(11,162,184)
```
#b80ba2
```
#b80ba2 rgb(184,11,162)
```

Triadic Color

#0bb821
```
#0bb821 rgb(11,184,33)
```
#0ba2b8
```
#0ba2b8 rgb(11,162,184)
```
#b80ba2
```
#b80ba2 rgb(184,11,162)
```
#b8210b
```
#b8210b rgb(184,33,11)
```

Tetradic Color

#076270
```
#076270 rgb(7,98,112)
```
#087888
```
#087888 rgb(8,120,136)
```
#0a8da0
```
#0a8da0 rgb(10,141,160)
```
#0ba2b8
```
#0ba2b8 rgb(11,162,184)
```
#0cb7d0
```
#0cb7d0 rgb(12,183,208)
```
#0ecce8
```
#0ecce8 rgb(14,204,232)
```
#1ed7f2
```
#1ed7f2 rgb(30,215,242)
```

Monochromatic Color

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

#0bb8a3
```
#0bb8a3 rgb(11,184,163)
```
#0bb8b1
```
#0bb8b1 rgb(11,184,177)
```
#0bb0b8
```
#0bb0b8 rgb(11,176,184)
```
#0ba2b8
```
#0ba2b8 rgb(11,162,184)
```
#0b94b8
```
#0b94b8 rgb(11,148,184)
```
#0b85b8
```
#0b85b8 rgb(11,133,184)
```
#0b77b8
```
#0b77b8 rgb(11,119,184)
```

Similar Colors

Text with hexadecimal color #0ba2b8

This text has a font color of #0ba2b8.

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

#0ba2b8 background color

This paragraph has a background color of #0ba2b8.

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

#0ba2b8 border color

This element has a border color of #0ba2b8.

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

CSS codes

.text {color:#0ba2b8;}

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

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

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

#010f11
```
#010f11 rgb(1,15,17)
```
#022024
```
#022024 rgb(2,32,36)
```
#033036
```
#033036 rgb(3,48,54)
```
#044049
```
#044049 rgb(4,64,73)
```
#05515b
```
#05515b rgb(5,81,91)
```
#07616e
```
#07616e rgb(7,97,110)
```
#087180
```
#087180 rgb(8,113,128)
```
#098193
```
#098193 rgb(9,129,147)
```
#0a92a5
```
#0a92a5 rgb(10,146,165)
```
#0ba2b8
```
#0ba2b8 rgb(11,162,184)
```
#0cb2cb
```
#0cb2cb rgb(12,178,203)
```
#0dc3dd
```
#0dc3dd rgb(13,195,221)
```
#0ed3f0
```
#0ed3f0 rgb(14,211,240)
```

Shade Color Variation

#20d7f2
```
#20d7f2 rgb(32,215,242)
```
#32daf3
```
#32daf3 rgb(50,218,243)
```
#45def4
```
#45def4 rgb(69,222,244)
```
#57e1f5
```
#57e1f5 rgb(87,225,245)
```
#6ae4f6
```
#6ae4f6 rgb(106,228,246)
```
#7ce8f7
```
#7ce8f7 rgb(124,232,247)
```
#8febf8
```
#8febf8 rgb(143,235,248)
```
#a1eef9
```
#a1eef9 rgb(161,238,249)
```
#b4f2fb
```
#b4f2fb rgb(180,242,251)
```
#c6f5fc
```
#c6f5fc rgb(198,245,252)
```
#d9f8fd
```
#d9f8fd rgb(217,248,253)
```
#ebfbfe
```
#ebfbfe rgb(235,251,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#5e6466
```
#5e6466 rgb(94,100,102)
```
#566a6d
```
#566a6d rgb(86,106,109)
```
#4f7075
```
#4f7075 rgb(79,112,117)
```
#47757c
```
#47757c rgb(71,117,124)
```
#407b84
```
#407b84 rgb(64,123,132)
```
#38808b
```
#38808b rgb(56,128,139)
```
#318693
```
#318693 rgb(49,134,147)
```
#298c9a
```
#298c9a rgb(41,140,154)
```
#2291a2
```
#2291a2 rgb(34,145,162)
```
#1a97a9
```
#1a97a9 rgb(26,151,169)
```
#139cb1
```
#139cb1 rgb(19,156,177)
```
#0ba2b8
```
#0ba2b8 rgb(11,162,184)
```
#03a8c0
```
#03a8c0 rgb(3,168,192)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#618084 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9397b2 Protanopia 1% of men
#8f96c1 Deuteranopia 1% of men
#00a7b4 Tritanopia 0.001% of the population

Trichromacy

#619bb4 Protanomaly 1% of men, 0.01% of women
#5f9abe Deuteranomaly 6% of men, 0.4% of women
#04a5b5 Tritanomaly 0.01% of the population

#0ba2b8 hex color

#0ba2b8 Color Information

#0ba2b8 Color Conversion

Color Schemes with #0ba2b8

Alternatives to #0ba2b8

#0ba2b8 Preview

Shades and Tints of #0ba2b8

Tones of #0ba2b8

Color Blindness Simulator