colorhexa.com

#0ba5bd hex color

In a RGB color space, hex #0ba5bd is composed of 4.3% red, 64.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 94.2% cyan, 12.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 188.1 degrees, a saturation of 89% and a lightness of 39.2%. #0ba5bd color hex could be obtained by blending #16ffff with #004b7b. Closest websafe color is: #0099cc.

- R 4
- G 65
- B 74
RGB color chart
- C 94
- M 13
- Y 0
- K 26
CMYK color chart

● #0ba5bd color description : Strong cyan.

The hexadecimal color #0ba5bd has RGB values of R:11, G:165, B:189 and CMYK values of C:0.94, M:0.13, Y:0, K:0.26. Its decimal value is 763325.

Hex triplet	0ba5bd	`#0ba5bd`
RGB Decimal	11, 165, 189	`rgb(11,165,189)`
RGB Percent	4.3, 64.7, 74.1	`rgb(4.3%,64.7%,74.1%)`
CMYK	94, 13, 0, 26
HSL	188.1°, 89, 39.2	`hsl(188.1,89%,39.2%)`
HSV (or HSB)	188.1°, 94.2, 74.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.214, -26.566, -22.334
XYZ	22.776, 30.653, 52.858
xyY	0.214, 0.288, 30.653
CIE-LCH	62.214, 34.707, 220.054
CIE-LUV	62.214, -45.086, -30.771
Hunter-Lab	55.365, -23.459, -17.849
Binary	00001011, 10100101, 10111101

#0ba5bd
```
#0ba5bd rgb(11,165,189)
```
#bd230b
```
#bd230b rgb(189,35,11)
```

Complementary Color

#0bbd7c
```
#0bbd7c rgb(11,189,124)
```
#0ba5bd
```
#0ba5bd rgb(11,165,189)
```
#0b4cbd
```
#0b4cbd rgb(11,76,189)
```

Analogous Color

#bd7c0b
```
#bd7c0b rgb(189,124,11)
```
#0ba5bd
```
#0ba5bd rgb(11,165,189)
```
#bd0b4c
```
#bd0b4c rgb(189,11,76)
```

Split Complementary Color

#a5bd0b
```
#a5bd0b rgb(165,189,11)
```
#0ba5bd
```
#0ba5bd rgb(11,165,189)
```
#bd0ba5
```
#bd0ba5 rgb(189,11,165)
```

Triadic Color

#0bbd23
```
#0bbd23 rgb(11,189,35)
```
#0ba5bd
```
#0ba5bd rgb(11,165,189)
```
#bd0ba5
```
#bd0ba5 rgb(189,11,165)
```
#bd230b
```
#bd230b rgb(189,35,11)
```

Tetradic Color

#076675
```
#076675 rgb(7,102,117)
```
#087b8d
```
#087b8d rgb(8,123,141)
```
#0a90a5
```
#0a90a5 rgb(10,144,165)
```
#0ba5bd
```
#0ba5bd rgb(11,165,189)
```
#0cbad5
```
#0cbad5 rgb(12,186,213)
```
#0ecfed
```
#0ecfed rgb(14,207,237)
```
#22d6f2
```
#22d6f2 rgb(34,214,242)
```

Monochromatic Color

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

#0bbda9
```
#0bbda9 rgb(11,189,169)
```
#0bbdb7
```
#0bbdb7 rgb(11,189,183)
```
#0bb4bd
```
#0bb4bd rgb(11,180,189)
```
#0ba5bd
```
#0ba5bd rgb(11,165,189)
```
#0b96bd
```
#0b96bd rgb(11,150,189)
```
#0b87bd
```
#0b87bd rgb(11,135,189)
```
#0b79bd
```
#0b79bd rgb(11,121,189)
```

Similar Colors

Text with hexadecimal color #0ba5bd

This text has a font color of #0ba5bd.

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

#0ba5bd background color

This paragraph has a background color of #0ba5bd.

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

#0ba5bd border color

This element has a border color of #0ba5bd.

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

CSS codes

.text {color:#0ba5bd;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011316
```
#011316 rgb(1,19,22)
```
#022429
```
#022429 rgb(2,36,41)
```
#03343b
```
#03343b rgb(3,52,59)
```
#05444e
```
#05444e rgb(5,68,78)
```
#065460
```
#065460 rgb(6,84,96)
```
#076473
```
#076473 rgb(7,100,115)
```
#087485
```
#087485 rgb(8,116,133)
```
#098598
```
#098598 rgb(9,133,152)
```
#0a95aa
```
#0a95aa rgb(10,149,170)
```
#0ba5bd
```
#0ba5bd rgb(11,165,189)
```
#0cb5d0
```
#0cb5d0 rgb(12,181,208)
```
#0dc5e2
```
#0dc5e2 rgb(13,197,226)
```

Shade Color Variation

#12d3f1
```
#12d3f1 rgb(18,211,241)
```
#24d6f2
```
#24d6f2 rgb(36,214,242)
```
#37daf3
```
#37daf3 rgb(55,218,243)
```
#49ddf4
```
#49ddf4 rgb(73,221,244)
```
#5ce1f6
```
#5ce1f6 rgb(92,225,246)
```
#6ee4f7
```
#6ee4f7 rgb(110,228,247)
```
#81e8f8
```
#81e8f8 rgb(129,232,248)
```
#93ebf9
```
#93ebf9 rgb(147,235,249)
```
#a6effa
```
#a6effa rgb(166,239,250)
```
#b8f2fb
```
#b8f2fb rgb(184,242,251)
```
#cbf5fc
```
#cbf5fc rgb(203,245,252)
```
#def9fd
```
#def9fd rgb(222,249,253)
```
#f0fcfe
```
#f0fcfe rgb(240,252,254)
```

Tint Color Variation

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

#606768
```
#606768 rgb(96,103,104)
```
#586d70
```
#586d70 rgb(88,109,112)
```
#507278
```
#507278 rgb(80,114,120)
```
#49787f
```
#49787f rgb(73,120,127)
```
#417e87
```
#417e87 rgb(65,126,135)
```
#39838f
```
#39838f rgb(57,131,143)
```
#318997
```
#318997 rgb(49,137,151)
```
#2a8f9e
```
#2a8f9e rgb(42,143,158)
```
#2294a6
```
#2294a6 rgb(34,148,166)
```
#1a9aae
```
#1a9aae rgb(26,154,174)
```
#139fb5
```
#139fb5 rgb(19,159,181)
```
#0ba5bd
```
#0ba5bd rgb(11,165,189)
```
#03abc5
```
#03abc5 rgb(3,171,197)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#648387 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959ab6 Protanopia 1% of men
#9199c6 Deuteranopia 1% of men
#00aab7 Tritanopia 0.001% of the population

Trichromacy

#639eb9 Protanomaly 1% of men, 0.01% of women
#609dc3 Deuteranomaly 6% of men, 0.4% of women
#04a8b9 Tritanomaly 0.01% of the population