#0cbea2 hex color

In a RGB color space, hex #0cbea2 is composed of 4.7% red, 74.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 93.7% cyan, 0% magenta, 14.7% yellow and 25.5% black. It has a hue angle of 170.6 degrees, a saturation of 88.1% and a lightness of 39.6%. #0cbea2 color hex could be obtained by blending #18ffff with #007d45. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 5
- G 75
- B 64
RGB color chart
- C 94
- M 0
- Y 15
- K 25
CMYK color chart

● #0cbea2 color description : Strong cyan.

The hexadecimal color #0cbea2 has RGB values of R:12, G:190, B:162 and CMYK values of C:0.94, M:0, Y:0.15, K:0.25. Its decimal value is 835234.

Hex triplet	0cbea2	`#0cbea2`
RGB Decimal	12, 190, 162	`rgb(12,190,162)`
RGB Percent	4.7, 74.5, 63.5	`rgb(4.7%,74.5%,63.5%)`
CMYK	94, 0, 15, 25
HSL	170.6°, 88.1, 39.6	`hsl(170.6,88.1%,39.6%)`
HSV (or HSB)	170.6°, 93.7, 74.5
Web Safe	00cc99	`#00cc99`

CIE-LAB	69.12, -46.177, 2.942
XYZ	25.084, 39.511, 40.485
xyY	0.239, 0.376, 39.511
CIE-LCH	69.12, 46.271, 176.354
CIE-LUV	69.12, -55.803, 11.43
Hunter-Lab	62.858, -38.768, 5.814
Binary	00001100, 10111110, 10100010

#0cbea2
```
#0cbea2 rgb(12,190,162)
```
#be0c28
```
#be0c28 rgb(190,12,40)
```

Complementary Color

#0cbe49
```
#0cbe49 rgb(12,190,73)
```
#0cbea2
```
#0cbea2 rgb(12,190,162)
```
#0c81be
```
#0c81be rgb(12,129,190)
```

Analogous Color

#be490c
```
#be490c rgb(190,73,12)
```
#0cbea2
```
#0cbea2 rgb(12,190,162)
```
#be0c81
```
#be0c81 rgb(190,12,129)
```

Split Complementary Color

#bea20c
```
#bea20c rgb(190,162,12)
```
#0cbea2
```
#0cbea2 rgb(12,190,162)
```
#a20cbe
```
#a20cbe rgb(162,12,190)
```

Triadic Color

#28be0c
```
#28be0c rgb(40,190,12)
```
#0cbea2
```
#0cbea2 rgb(12,190,162)
```
#a20cbe
```
#a20cbe rgb(162,12,190)
```
#be0c28
```
#be0c28 rgb(190,12,40)
```

Tetradic Color

#077665
```
#077665 rgb(7,118,101)
```
#098e79
```
#098e79 rgb(9,142,121)
```
#0aa68e
```
#0aa68e rgb(10,166,142)
```
#0cbea2
```
#0cbea2 rgb(12,190,162)
```
#0ed6b6
```
#0ed6b6 rgb(14,214,182)
```
#0feecb
```
#0feecb rgb(15,238,203)
```
#25f1d1
```
#25f1d1 rgb(37,241,209)
```

Monochromatic Color

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

#0cbe76
```
#0cbe76 rgb(12,190,118)
```
#0cbe84
```
#0cbe84 rgb(12,190,132)
```
#0cbe93
```
#0cbe93 rgb(12,190,147)
```
#0cbea2
```
#0cbea2 rgb(12,190,162)
```
#0cbeb1
```
#0cbeb1 rgb(12,190,177)
```
#0cbcbe
```
#0cbcbe rgb(12,188,190)
```
#0caebe
```
#0caebe rgb(12,174,190)
```

Similar Colors

Text with hexadecimal color #0cbea2

This text has a font color of #0cbea2.

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

#0cbea2 background color

This paragraph has a background color of #0cbea2.

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

#0cbea2 border color

This element has a border color of #0cbea2.

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

CSS codes

.text {color:#0cbea2;}

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

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

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

#000505
```
#000505 rgb(0,5,5)
```
#021814
```
#021814 rgb(2,24,20)
```
#032a24
```
#032a24 rgb(3,42,36)
```
#043d34
```
#043d34 rgb(4,61,52)
```
#054f44
```
#054f44 rgb(5,79,68)
```
#066253
```
#066253 rgb(6,98,83)
```
#077463
```
#077463 rgb(7,116,99)
```
#098773
```
#098773 rgb(9,135,115)
```
#0a9983
```
#0a9983 rgb(10,153,131)
```
#0bac92
```
#0bac92 rgb(11,172,146)
```
#0cbea2
```
#0cbea2 rgb(12,190,162)
```
#0dd0b2
```
#0dd0b2 rgb(13,208,178)
```
#0ee3c1
```
#0ee3c1 rgb(14,227,193)
```

Shade Color Variation

#15f0ce
```
#15f0ce rgb(21,240,206)
```
#27f1d2
```
#27f1d2 rgb(39,241,210)
```
#3af3d5
```
#3af3d5 rgb(58,243,213)
```
#4cf4d9
```
#4cf4d9 rgb(76,244,217)
```
#5ef5dd
```
#5ef5dd rgb(94,245,221)
```
#71f6e1
```
#71f6e1 rgb(113,246,225)
```
#83f7e5
```
#83f7e5 rgb(131,247,229)
```
#96f8e9
```
#96f8e9 rgb(150,248,233)
```
#a8faed
```
#a8faed rgb(168,250,237)
```
#bbfbf1
```
#bbfbf1 rgb(187,251,241)
```
#cdfcf5
```
#cdfcf5 rgb(205,252,245)
```
#e0fdf8
```
#e0fdf8 rgb(224,253,248)
```
#f2fefc
```
#f2fefc rgb(242,254,252)
```

Tint Color Variation

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

#616967
```
#616967 rgb(97,105,103)
```
#5a706d
```
#5a706d rgb(90,112,109)
```
#527872
```
#527872 rgb(82,120,114)
```
#4a8077
```
#4a8077 rgb(74,128,119)
```
#42887d
```
#42887d rgb(66,136,125)
```
#3b8f82
```
#3b8f82 rgb(59,143,130)
```
#339787
```
#339787 rgb(51,151,135)
```
#2b9f8d
```
#2b9f8d rgb(43,159,141)
```
#23a792
```
#23a792 rgb(35,167,146)
```
#1cae97
```
#1cae97 rgb(28,174,151)
```
#14b69d
```
#14b69d rgb(20,182,157)
```
#0cbea2
```
#0cbea2 rgb(12,190,162)
```
#04c6a7
```
#04c6a7 rgb(4,198,167)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6e918c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4ac9c Protanopia 1% of men
#bba8af Deuteranopia 1% of men
#43bcca Tritanopia 0.001% of the population

Trichromacy

#77b29e Protanomaly 1% of men, 0.01% of women
#7bb0aa Deuteranomaly 6% of men, 0.4% of women
#2fbcbb Tritanomaly 0.01% of the population

#0cbea2 hex color

#0cbea2 Color Information

#0cbea2 Color Conversion

Color Schemes with #0cbea2

Alternatives to #0cbea2

#0cbea2 Preview

Shades and Tints of #0cbea2

Tones of #0cbea2

Color Blindness Simulator