#0cb396 hex color

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

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

● #0cb396 color description : Strong cyan.

The hexadecimal color #0cb396 has RGB values of R:12, G:179, B:150 and CMYK values of C:0.93, M:0, Y:0.16, K:0.3. Its decimal value is 832406.

Hex triplet	0cb396	`#0cb396`
RGB Decimal	12, 179, 150	`rgb(12,179,150)`
RGB Percent	4.7, 70.2, 58.8	`rgb(4.7%,70.2%,58.8%)`
CMYK	93, 0, 16, 30
HSL	169.6°, 87.4, 37.5	`hsl(169.6,87.4%,37.5%)`
HSV (or HSB)	169.6°, 93.3, 70.2
Web Safe	00cc99	`#00cc99`

CIE-LAB	65.372, -44.797, 4.123
XYZ	21.775, 34.518, 34.367
xyY	0.24, 0.381, 34.518
CIE-LCH	65.372, 44.986, 174.742
CIE-LUV	65.372, -52.952, 12.81
Hunter-Lab	58.752, -36.66, 6.444
Binary	00001100, 10110011, 10010110

#0cb396
```
#0cb396 rgb(12,179,150)
```
#b30c29
```
#b30c29 rgb(179,12,41)
```

Complementary Color

#0cb343
```
#0cb343 rgb(12,179,67)
```
#0cb396
```
#0cb396 rgb(12,179,150)
```
#0c7db3
```
#0c7db3 rgb(12,125,179)
```

Analogous Color

#b3430c
```
#b3430c rgb(179,67,12)
```
#0cb396
```
#0cb396 rgb(12,179,150)
```
#b30c7d
```
#b30c7d rgb(179,12,125)
```

Split Complementary Color

#b3960c
```
#b3960c rgb(179,150,12)
```
#0cb396
```
#0cb396 rgb(12,179,150)
```
#960cb3
```
#960cb3 rgb(150,12,179)
```

Triadic Color

#29b30c
```
#29b30c rgb(41,179,12)
```
#0cb396
```
#0cb396 rgb(12,179,150)
```
#960cb3
```
#960cb3 rgb(150,12,179)
```
#b30c29
```
#b30c29 rgb(179,12,41)
```

Tetradic Color

#076b5a
```
#076b5a rgb(7,107,90)
```
#09836e
```
#09836e rgb(9,131,110)
```
#0a9b82
```
#0a9b82 rgb(10,155,130)
```
#0cb396
```
#0cb396 rgb(12,179,150)
```
#0ecbaa
```
#0ecbaa rgb(14,203,170)
```
#0fe3be
```
#0fe3be rgb(15,227,190)
```
#1cf0cb
```
#1cf0cb rgb(28,240,203)
```

Monochromatic Color

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

#0cb36c
```
#0cb36c rgb(12,179,108)
```
#0cb37a
```
#0cb37a rgb(12,179,122)
```
#0cb388
```
#0cb388 rgb(12,179,136)
```
#0cb396
```
#0cb396 rgb(12,179,150)
```
#0cb3a4
```
#0cb3a4 rgb(12,179,164)
```
#0cb3b2
```
#0cb3b2 rgb(12,179,178)
```
#0ca6b3
```
#0ca6b3 rgb(12,166,179)
```

Similar Colors

Text with hexadecimal color #0cb396

This text has a font color of #0cb396.

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

#0cb396 background color

This paragraph has a background color of #0cb396.

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

#0cb396 border color

This element has a border color of #0cb396.

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

CSS codes

.text {color:#0cb396;}

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

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

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

#010e0b
```
#010e0b rgb(1,14,11)
```
#02201b
```
#02201b rgb(2,32,27)
```
#03322a
```
#03322a rgb(3,50,42)
```
#05453a
```
#05453a rgb(5,69,58)
```
#065749
```
#065749 rgb(6,87,73)
```
#076958
```
#076958 rgb(7,105,88)
```
#087c68
```
#087c68 rgb(8,124,104)
```
#0a8e77
```
#0a8e77 rgb(10,142,119)
```
#0ba187
```
#0ba187 rgb(11,161,135)
```
#0cb396
```
#0cb396 rgb(12,179,150)
```
#0dc5a5
```
#0dc5a5 rgb(13,197,165)
```
#0ed8b5
```
#0ed8b5 rgb(14,216,181)
```
#10eac4
```
#10eac4 rgb(16,234,196)
```

Shade Color Variation

#1ef0cb
```
#1ef0cb rgb(30,240,203)
```
#30f1d0
```
#30f1d0 rgb(48,241,208)
```
#42f2d4
```
#42f2d4 rgb(66,242,212)
```
#55f4d8
```
#55f4d8 rgb(85,244,216)
```
#67f5dc
```
#67f5dc rgb(103,245,220)
```
#79f6e0
```
#79f6e0 rgb(121,246,224)
```
#8cf7e5
```
#8cf7e5 rgb(140,247,229)
```
#9ef9e9
```
#9ef9e9 rgb(158,249,233)
```
#b1faed
```
#b1faed rgb(177,250,237)
```
#c3fbf1
```
#c3fbf1 rgb(195,251,241)
```
#d5fcf5
```
#d5fcf5 rgb(213,252,245)
```
#e8fdfa
```
#e8fdfa rgb(232,253,250)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#5d6261
```
#5d6261 rgb(93,98,97)
```
#556a66
```
#556a66 rgb(85,106,102)
```
#4e716b
```
#4e716b rgb(78,113,107)
```
#477870
```
#477870 rgb(71,120,112)
```
#3f8074
```
#3f8074 rgb(63,128,116)
```
#388779
```
#388779 rgb(56,135,121)
```
#318e7e
```
#318e7e rgb(49,142,126)
```
#299683
```
#299683 rgb(41,150,131)
```
#229d88
```
#229d88 rgb(34,157,136)
```
#1ba48c
```
#1ba48c rgb(27,164,140)
```
#13ac91
```
#13ac91 rgb(19,172,145)
```
#0cb396
```
#0cb396 rgb(12,179,150)
```
#05ba9b
```
#05ba9b rgb(5,186,155)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#678983 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#0cb396 hex color

#0cb396 Color Information

#0cb396 Color Conversion

Color Schemes with #0cb396

Alternatives to #0cb396

#0cb396 Preview

Shades and Tints of #0cb396

Tones of #0cb396

Color Blindness Simulator