#0ccda2 hex color

In a RGB color space, hex #0ccda2 is composed of 4.7% red, 80.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 94.1% cyan, 0% magenta, 21% yellow and 19.6% black. It has a hue angle of 166.6 degrees, a saturation of 88.9% and a lightness of 42.5%. #0ccda2 color hex could be obtained by blending #18ffff with #009b45. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 5
- G 80
- B 64
RGB color chart
- C 94
- M 0
- Y 21
- K 20
CMYK color chart

● #0ccda2 color description : Strong cyan.

The hexadecimal color #0ccda2 has RGB values of R:12, G:205, B:162 and CMYK values of C:0.94, M:0, Y:0.21, K:0.2. Its decimal value is 839074.

Hex triplet	0ccda2	`#0ccda2`
RGB Decimal	12, 205, 162	`rgb(12,205,162)`
RGB Percent	4.7, 80.4, 63.5	`rgb(4.7%,80.4%,63.5%)`
CMYK	94, 0, 21, 20
HSL	166.6°, 88.9, 42.5	`hsl(166.6,88.9%,42.5%)`
HSV (or HSB)	166.6°, 94.1, 80.4
Web Safe	00cc99	`#00cc99`

CIE-LAB	73.77, -52.27, 9.623
XYZ	28.502, 46.346, 41.624
xyY	0.245, 0.398, 46.346
CIE-LCH	73.77, 53.148, 169.569
CIE-LUV	73.77, -60.884, 22.266
Hunter-Lab	68.078, -44.405, 11.404
Binary	00001100, 11001101, 10100010

#0ccda2
```
#0ccda2 rgb(12,205,162)
```
#cd0c37
```
#cd0c37 rgb(205,12,55)
```

Complementary Color

#0ccd41
```
#0ccd41 rgb(12,205,65)
```
#0ccda2
```
#0ccda2 rgb(12,205,162)
```
#0c98cd
```
#0c98cd rgb(12,152,205)
```

Analogous Color

#cd410c
```
#cd410c rgb(205,65,12)
```
#0ccda2
```
#0ccda2 rgb(12,205,162)
```
#cd0c98
```
#cd0c98 rgb(205,12,152)
```

Split Complementary Color

#cda20c
```
#cda20c rgb(205,162,12)
```
#0ccda2
```
#0ccda2 rgb(12,205,162)
```
#a20ccd
```
#a20ccd rgb(162,12,205)
```

Triadic Color

#37cd0c
```
#37cd0c rgb(55,205,12)
```
#0ccda2
```
#0ccda2 rgb(12,205,162)
```
#a20ccd
```
#a20ccd rgb(162,12,205)
```
#cd0c37
```
#cd0c37 rgb(205,12,55)
```

Tetradic Color

#088569
```
#088569 rgb(8,133,105)
```
#099d7c
```
#099d7c rgb(9,157,124)
```
#0bb58f
```
#0bb58f rgb(11,181,143)
```
#0ccda2
```
#0ccda2 rgb(12,205,162)
```
#0de5b5
```
#0de5b5 rgb(13,229,181)
```
#1af2c2
```
#1af2c2 rgb(26,242,194)
```
#32f3c8
```
#32f3c8 rgb(50,243,200)
```

Monochromatic Color

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

#0ccd72
```
#0ccd72 rgb(12,205,114)
```
#0ccd82
```
#0ccd82 rgb(12,205,130)
```
#0ccd92
```
#0ccd92 rgb(12,205,146)
```
#0ccda2
```
#0ccda2 rgb(12,205,162)
```
#0ccdb2
```
#0ccdb2 rgb(12,205,178)
```
#0ccdc2
```
#0ccdc2 rgb(12,205,194)
```
#0cc8cd
```
#0cc8cd rgb(12,200,205)
```

Similar Colors

Text with hexadecimal color #0ccda2

This text has a font color of #0ccda2.

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

#0ccda2 background color

This paragraph has a background color of #0ccda2.

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

#0ccda2 border color

This element has a border color of #0ccda2.

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

CSS codes

.text {color:#0ccda2;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#011410
```
#011410 rgb(1,20,16)
```
#02261e
```
#02261e rgb(2,38,30)
```
#03392d
```
#03392d rgb(3,57,45)
```
#044b3b
```
#044b3b rgb(4,75,59)
```
#055e4a
```
#055e4a rgb(5,94,74)
```
#077059
```
#077059 rgb(7,112,89)
```
#088367
```
#088367 rgb(8,131,103)
```
#099576
```
#099576 rgb(9,149,118)
```
#0aa885
```
#0aa885 rgb(10,168,133)
```
#0bba93
```
#0bba93 rgb(11,186,147)
```
#0ccda2
```
#0ccda2 rgb(12,205,162)
```
#0de0b1
```
#0de0b1 rgb(13,224,177)
```

Shade Color Variation

#0ff1bf
```
#0ff1bf rgb(15,241,191)
```
#22f2c4
```
#22f2c4 rgb(34,242,196)
```
#34f3c9
```
#34f3c9 rgb(52,243,201)
```
#47f4ce
```
#47f4ce rgb(71,244,206)
```
#59f5d3
```
#59f5d3 rgb(89,245,211)
```
#6cf6d8
```
#6cf6d8 rgb(108,246,216)
```
#7ef7dd
```
#7ef7dd rgb(126,247,221)
```
#91f9e1
```
#91f9e1 rgb(145,249,225)
```
#a4fae6
```
#a4fae6 rgb(164,250,230)
```
#b6fbeb
```
#b6fbeb rgb(182,251,235)
```
#c9fcf0
```
#c9fcf0 rgb(201,252,240)
```
#dbfdf5
```
#dbfdf5 rgb(219,253,245)
```
#eefefa
```
#eefefa rgb(238,254,250)
```

Tint Color Variation

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

#68716f
```
#68716f rgb(104,113,111)
```
#5f7a74
```
#5f7a74 rgb(95,122,116)
```
#578278
```
#578278 rgb(87,130,120)
```
#4f8a7d
```
#4f8a7d rgb(79,138,125)
```
#469382
```
#469382 rgb(70,147,130)
```
#3e9b86
```
#3e9b86 rgb(62,155,134)
```
#36a38b
```
#36a38b rgb(54,163,139)
```
#2dac8f
```
#2dac8f rgb(45,172,143)
```
#25b494
```
#25b494 rgb(37,180,148)
```
#1dbc99
```
#1dbc99 rgb(29,188,153)
```
#14c59d
```
#14c59d rgb(20,197,157)
```
#0ccda2
```
#0ccda2 rgb(12,205,162)
```
#04d5a7
```
#04d5a7 rgb(4,213,167)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#749b92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b89c Protanopia 1% of men
#cdb3b0 Deuteranopia 1% of men
#4dc8d7 Tritanopia 0.001% of the population

Trichromacy

#80c09e Protanomaly 1% of men, 0.01% of women
#87bcab Deuteranomaly 6% of men, 0.4% of women
#35cac4 Tritanomaly 0.01% of the population

#0ccda2 hex color

#0ccda2 Color Information

#0ccda2 Color Conversion

Color Schemes with #0ccda2

Alternatives to #0ccda2

#0ccda2 Preview

Shades and Tints of #0ccda2

Tones of #0ccda2

Color Blindness Simulator