#0bb396 hex color

In a RGB color space, hex #0bb396 is composed of 4.3% red, 70.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 93.9% cyan, 0% magenta, 16.2% yellow and 29.8% black. It has a hue angle of 169.6 degrees, a saturation of 88.4% and a lightness of 37.3%. #0bb396 color hex could be obtained by blending #16ffff with #00672d. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 4
- G 70
- B 59
RGB color chart
- C 94
- M 0
- Y 16
- K 30
CMYK color chart

● #0bb396 color description : Strong cyan.

The hexadecimal color #0bb396 has RGB values of R:11, G:179, B:150 and CMYK values of C:0.94, M:0, Y:0.16, K:0.3. Its decimal value is 766870.

Hex triplet	0bb396	`#0bb396`
RGB Decimal	11, 179, 150	`rgb(11,179,150)`
RGB Percent	4.3, 70.2, 58.8	`rgb(4.3%,70.2%,58.8%)`
CMYK	94, 0, 16, 30
HSL	169.6°, 88.4, 37.3	`hsl(169.6,88.4%,37.3%)`
HSV (or HSB)	169.6°, 93.9, 70.2
Web Safe	00cc99	`#00cc99`

CIE-LAB	65.366, -44.837, 4.114
XYZ	21.761, 34.511, 34.367
xyY	0.24, 0.381, 34.511
CIE-LCH	65.366, 45.025, 174.758
CIE-LUV	65.366, -52.998, 12.803
Hunter-Lab	58.746, -36.685, 6.437
Binary	00001011, 10110011, 10010110

#0bb396
```
#0bb396 rgb(11,179,150)
```
#b30b28
```
#b30b28 rgb(179,11,40)
```

Complementary Color

#0bb342
```
#0bb342 rgb(11,179,66)
```
#0bb396
```
#0bb396 rgb(11,179,150)
```
#0b7cb3
```
#0b7cb3 rgb(11,124,179)
```

Analogous Color

#b3420b
```
#b3420b rgb(179,66,11)
```
#0bb396
```
#0bb396 rgb(11,179,150)
```
#b30b7c
```
#b30b7c rgb(179,11,124)
```

Split Complementary Color

#b3960b
```
#b3960b rgb(179,150,11)
```
#0bb396
```
#0bb396 rgb(11,179,150)
```
#960bb3
```
#960bb3 rgb(150,11,179)
```

Triadic Color

#28b30b
```
#28b30b rgb(40,179,11)
```
#0bb396
```
#0bb396 rgb(11,179,150)
```
#960bb3
```
#960bb3 rgb(150,11,179)
```
#b30b28
```
#b30b28 rgb(179,11,40)
```

Tetradic Color

#076b5a
```
#076b5a rgb(7,107,90)
```
#08836e
```
#08836e rgb(8,131,110)
```
#0a9b82
```
#0a9b82 rgb(10,155,130)
```
#0bb396
```
#0bb396 rgb(11,179,150)
```
#0ccbaa
```
#0ccbaa rgb(12,203,170)
```
#0ee3be
```
#0ee3be rgb(14,227,190)
```
#1af1cc
```
#1af1cc rgb(26,241,204)
```

Monochromatic Color

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

#0bb36c
```
#0bb36c rgb(11,179,108)
```
#0bb37a
```
#0bb37a rgb(11,179,122)
```
#0bb388
```
#0bb388 rgb(11,179,136)
```
#0bb396
```
#0bb396 rgb(11,179,150)
```
#0bb3a4
```
#0bb3a4 rgb(11,179,164)
```
#0bb3b2
```
#0bb3b2 rgb(11,179,178)
```
#0ba6b3
```
#0ba6b3 rgb(11,166,179)
```

Similar Colors

Text with hexadecimal color #0bb396

This text has a font color of #0bb396.

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

#0bb396 background color

This paragraph has a background color of #0bb396.

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

#0bb396 border color

This element has a border color of #0bb396.

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

CSS codes

.text {color:#0bb396;}

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

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

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

#010d0b
```
#010d0b rgb(1,13,11)
```
#021f1a
```
#021f1a rgb(2,31,26)
```
#03322a
```
#03322a rgb(3,50,42)
```
#044439
```
#044439 rgb(4,68,57)
```
#055749
```
#055749 rgb(5,87,73)
```
#066958
```
#066958 rgb(6,105,88)
```
#087c68
```
#087c68 rgb(8,124,104)
```
#098e77
```
#098e77 rgb(9,142,119)
```
#0aa187
```
#0aa187 rgb(10,161,135)
```
#0bb396
```
#0bb396 rgb(11,179,150)
```
#0cc5a5
```
#0cc5a5 rgb(12,197,165)
```
#0dd8b5
```
#0dd8b5 rgb(13,216,181)
```
#0eeac4
```
#0eeac4 rgb(14,234,196)
```

Shade Color Variation

#1bf1cc
```
#1bf1cc rgb(27,241,204)
```
#2ef2d0
```
#2ef2d0 rgb(46,242,208)
```
#40f3d4
```
#40f3d4 rgb(64,243,212)
```
#53f4d9
```
#53f4d9 rgb(83,244,217)
```
#65f6dd
```
#65f6dd rgb(101,246,221)
```
#78f7e1
```
#78f7e1 rgb(120,247,225)
```
#8af8e5
```
#8af8e5 rgb(138,248,229)
```
#9df9e9
```
#9df9e9 rgb(157,249,233)
```
#affaed
```
#affaed rgb(175,250,237)
```
#c2fbf1
```
#c2fbf1 rgb(194,251,241)
```
#d4fcf5
```
#d4fcf5 rgb(212,252,245)
```
#e7fefa
```
#e7fefa rgb(231,254,250)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

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

#5b6361
```
#5b6361 rgb(91,99,97)
```
#546a66
```
#546a66 rgb(84,106,102)
```
#4d716b
```
#4d716b rgb(77,113,107)
```
#457970
```
#457970 rgb(69,121,112)
```
#3e8075
```
#3e8075 rgb(62,128,117)
```
#378779
```
#378779 rgb(55,135,121)
```
#308e7e
```
#308e7e rgb(48,142,126)
```
#289683
```
#289683 rgb(40,150,131)
```
#219d88
```
#219d88 rgb(33,157,136)
```
#1aa48c
```
#1aa48c rgb(26,164,140)
```
#12ac91
```
#12ac91 rgb(18,172,145)
```
#0bb396
```
#0bb396 rgb(11,179,150)
```
#04ba9b
```
#04ba9b rgb(4,186,155)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#668882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa391 Protanopia 1% of men
#b29ea4 Deuteranopia 1% of men
#40b1be Tritanopia 0.001% of the population

Trichromacy

#70a893 Protanomaly 1% of men, 0.01% of women
#75a69e Deuteranomaly 6% of men, 0.4% of women
#2db2b0 Tritanomaly 0.01% of the population

#0bb396 hex color

#0bb396 Color Information

#0bb396 Color Conversion

Color Schemes with #0bb396

Alternatives to #0bb396

#0bb396 Preview

Shades and Tints of #0bb396

Tones of #0bb396

Color Blindness Simulator