colorhexa.com

#0bb2d1 hex color

In a RGB color space, hex #0bb2d1 is composed of 4.3% red, 69.8% green and 82% blue. Whereas in a CMYK color space, it is composed of 94.7% cyan, 14.8% magenta, 0% yellow and 18% black. It has a hue angle of 189.4 degrees, a saturation of 90% and a lightness of 43.1%. #0bb2d1 color hex could be obtained by blending #16ffff with #0065a3. Closest websafe color is: #0099cc.

- R 4
- G 70
- B 82
RGB color chart
- C 95
- M 15
- Y 0
- K 18
CMYK color chart

● #0bb2d1 color description : Strong cyan.

The hexadecimal color #0bb2d1 has RGB values of R:11, G:178, B:209 and CMYK values of C:0.95, M:0.15, Y:0, K:0.18. Its decimal value is 766673.

Hex triplet	0bb2d1	`#0bb2d1`
RGB Decimal	11, 178, 209	`rgb(11,178,209)`
RGB Percent	4.3, 69.8, 82	`rgb(4.3%,69.8%,82%)`
CMYK	95, 15, 0, 18
HSL	189.4°, 90, 43.1	`hsl(189.4,90%,43.1%)`
HSV (or HSB)	189.4°, 94.7, 82
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.91, -26.414, -26.239
XYZ	27.564, 36.513, 65.913
xyY	0.212, 0.281, 36.513
CIE-LCH	66.91, 37.231, 224.81
CIE-LUV	66.91, -48.019, -37.592
Hunter-Lab	60.426, -24.32, -22.376
Binary	00001011, 10110010, 11010001

#0bb2d1
```
#0bb2d1 rgb(11,178,209)
```
#d12a0b
```
#d12a0b rgb(209,42,11)
```

Complementary Color

#0bd18d
```
#0bd18d rgb(11,209,141)
```
#0bb2d1
```
#0bb2d1 rgb(11,178,209)
```
#0b4fd1
```
#0b4fd1 rgb(11,79,209)
```

Analogous Color

#d18d0b
```
#d18d0b rgb(209,141,11)
```
#0bb2d1
```
#0bb2d1 rgb(11,178,209)
```
#d10b4f
```
#d10b4f rgb(209,11,79)
```

Split Complementary Color

#b2d10b
```
#b2d10b rgb(178,209,11)
```
#0bb2d1
```
#0bb2d1 rgb(11,178,209)
```
#d10bb2
```
#d10bb2 rgb(209,11,178)
```

Triadic Color

#0bd12a
```
#0bd12a rgb(11,209,42)
```
#0bb2d1
```
#0bb2d1 rgb(11,178,209)
```
#d10bb2
```
#d10bb2 rgb(209,11,178)
```
#d12a0b
```
#d12a0b rgb(209,42,11)
```

Tetradic Color

#077488
```
#077488 rgb(7,116,136)
```
#0889a1
```
#0889a1 rgb(8,137,161)
```
#0a9db9
```
#0a9db9 rgb(10,157,185)
```
#0bb2d1
```
#0bb2d1 rgb(11,178,209)
```
#0cc7e9
```
#0cc7e9 rgb(12,199,233)
```
#1cd1f3
```
#1cd1f3 rgb(28,209,243)
```
#34d6f4
```
#34d6f4 rgb(52,214,244)
```

Monochromatic Color

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

#0bd1bf
```
#0bd1bf rgb(11,209,191)
```
#0bd1cf
```
#0bd1cf rgb(11,209,207)
```
#0bc3d1
```
#0bc3d1 rgb(11,195,209)
```
#0bb2d1
```
#0bb2d1 rgb(11,178,209)
```
#0ba2d1
```
#0ba2d1 rgb(11,162,209)
```
#0b91d1
```
#0b91d1 rgb(11,145,209)
```
#0b81d1
```
#0b81d1 rgb(11,129,209)
```

Similar Colors

Text with hexadecimal color #0bb2d1

This text has a font color of #0bb2d1.

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

#0bb2d1 background color

This paragraph has a background color of #0bb2d1.

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

#0bb2d1 border color

This element has a border color of #0bb2d1.

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

CSS codes

.text {color:#0bb2d1;}

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

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

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)
```
#011317
```
#011317 rgb(1,19,23)
```
#022329
```
#022329 rgb(2,35,41)
```
#03333c
```
#03333c rgb(3,51,60)
```
#04434f
```
#04434f rgb(4,67,79)
```
#055361
```
#055361 rgb(5,83,97)
```
#066374
```
#066374 rgb(6,99,116)
```
#077386
```
#077386 rgb(7,115,134)
```
#088299
```
#088299 rgb(8,130,153)
```
#0992ac
```
#0992ac rgb(9,146,172)
```
#0aa2be
```
#0aa2be rgb(10,162,190)
```
#0bb2d1
```
#0bb2d1 rgb(11,178,209)
```
#0cc2e4
```
#0cc2e4 rgb(12,194,228)
```

Shade Color Variation

#11cff2
```
#11cff2 rgb(17,207,242)
```
#23d3f3
```
#23d3f3 rgb(35,211,243)
```
#36d7f4
```
#36d7f4 rgb(54,215,244)
```
#49daf5
```
#49daf5 rgb(73,218,245)
```
#5bdef6
```
#5bdef6 rgb(91,222,246)
```
#6ee2f7
```
#6ee2f7 rgb(110,226,247)
```
#81e6f8
```
#81e6f8 rgb(129,230,248)
```
#93e9f9
```
#93e9f9 rgb(147,233,249)
```
#a6edfa
```
#a6edfa rgb(166,237,250)
```
#b8f1fb
```
#b8f1fb rgb(184,241,251)
```
#cbf5fc
```
#cbf5fc rgb(203,245,252)
```
#def8fd
```
#def8fd rgb(222,248,253)
```
#f0fcfe
```
#f0fcfe rgb(240,252,254)
```

Tint Color Variation

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

#687274
```
#687274 rgb(104,114,116)
```
#60787c
```
#60787c rgb(96,120,124)
```
#577e85
```
#577e85 rgb(87,126,133)
```
#4f848d
```
#4f848d rgb(79,132,141)
```
#468996
```
#468996 rgb(70,137,150)
```
#3e8f9e
```
#3e8f9e rgb(62,143,158)
```
#3595a7
```
#3595a7 rgb(53,149,167)
```
#2d9baf
```
#2d9baf rgb(45,155,175)
```
#24a1b8
```
#24a1b8 rgb(36,161,184)
```
#1ca6c0
```
#1ca6c0 rgb(28,166,192)
```
#13acc9
```
#13acc9 rgb(19,172,201)
```
#0bb2d1
```
#0bb2d1 rgb(11,178,209)
```
#03b8d9
```
#03b8d9 rgb(3,184,217)
```

Tone Color Variation

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

Dichromacy

#9fa6c9 Protanopia 1% of men
#99a5d9 Deuteranopia 1% of men
#00b7c5 Tritanopia 0.001% of the population

Trichromacy

#69aacc Protanomaly 1% of men, 0.01% of women
#65a9d6 Deuteranomaly 6% of men, 0.4% of women
#04b5c9 Tritanomaly 0.01% of the population