#0ccd63 hex color

In a RGB color space, hex #0ccd63 is composed of 4.7% red, 80.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 94.1% cyan, 0% magenta, 51.7% yellow and 19.6% black. It has a hue angle of 147 degrees, a saturation of 88.9% and a lightness of 42.5%. #0ccd63 color hex could be obtained by blending #18ffc6 with #009b00. Closest websafe color is: #00cc66.

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

● #0ccd63 color description : Strong cyan - lime green.

The hexadecimal color #0ccd63 has RGB values of R:12, G:205, B:99 and CMYK values of C:0.94, M:0, Y:0.52, K:0.2. Its decimal value is 839011.

Hex triplet	0ccd63	`#0ccd63`
RGB Decimal	12, 205, 99	`rgb(12,205,99)`
RGB Percent	4.7, 80.4, 38.8	`rgb(4.7%,80.4%,38.8%)`
CMYK	94, 0, 52, 20
HSL	147°, 88.9, 42.5	`hsl(147,88.9%,42.5%)`
HSV (or HSB)	147°, 94.1, 80.4
Web Safe	00cc66	`#00cc66`

CIE-LAB	72.654, -65.077, 40.81
XYZ	24.233, 44.639, 19.143
xyY	0.275, 0.507, 44.639
CIE-LCH	72.654, 76.814, 147.908
CIE-LUV	72.654, -64.99, 62.755
Hunter-Lab	66.812, -52.178, 29.781
Binary	00001100, 11001101, 01100011

#0ccd63
```
#0ccd63 rgb(12,205,99)
```
#cd0c76
```
#cd0c76 rgb(205,12,118)
```

Complementary Color

#15cd0c
```
#15cd0c rgb(21,205,12)
```
#0ccd63
```
#0ccd63 rgb(12,205,99)
```
#0ccdc4
```
#0ccdc4 rgb(12,205,196)
```

Analogous Color

#cd0c15
```
#cd0c15 rgb(205,12,21)
```
#0ccd63
```
#0ccd63 rgb(12,205,99)
```
#c40ccd
```
#c40ccd rgb(196,12,205)
```

Split Complementary Color

#cd630c
```
#cd630c rgb(205,99,12)
```
#0ccd63
```
#0ccd63 rgb(12,205,99)
```
#630ccd
```
#630ccd rgb(99,12,205)
```

Triadic Color

#76cd0c
```
#76cd0c rgb(118,205,12)
```
#0ccd63
```
#0ccd63 rgb(12,205,99)
```
#630ccd
```
#630ccd rgb(99,12,205)
```
#cd0c76
```
#cd0c76 rgb(205,12,118)
```

Tetradic Color

#088540
```
#088540 rgb(8,133,64)
```
#099d4c
```
#099d4c rgb(9,157,76)
```
#0bb557
```
#0bb557 rgb(11,181,87)
```
#0ccd63
```
#0ccd63 rgb(12,205,99)
```
#0de56f
```
#0de56f rgb(13,229,111)
```
#1af27b
```
#1af27b rgb(26,242,123)
```
#32f389
```
#32f389 rgb(50,243,137)
```

Monochromatic Color

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

#0ccd33
```
#0ccd33 rgb(12,205,51)
```
#0ccd43
```
#0ccd43 rgb(12,205,67)
```
#0ccd53
```
#0ccd53 rgb(12,205,83)
```
#0ccd63
```
#0ccd63 rgb(12,205,99)
```
#0ccd73
```
#0ccd73 rgb(12,205,115)
```
#0ccd83
```
#0ccd83 rgb(12,205,131)
```
#0ccd93
```
#0ccd93 rgb(12,205,147)
```

Similar Colors

Text with hexadecimal color #0ccd63

This text has a font color of #0ccd63.

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

#0ccd63 background color

This paragraph has a background color of #0ccd63.

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

#0ccd63 border color

This element has a border color of #0ccd63.

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

CSS codes

.text {color:#0ccd63;}

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

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

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 #eefef5 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#01140a
```
#01140a rgb(1,20,10)
```
#022612
```
#022612 rgb(2,38,18)
```
#03391b
```
#03391b rgb(3,57,27)
```
#044b24
```
#044b24 rgb(4,75,36)
```
#055e2d
```
#055e2d rgb(5,94,45)
```
#077036
```
#077036 rgb(7,112,54)
```
#08833f
```
#08833f rgb(8,131,63)
```
#099548
```
#099548 rgb(9,149,72)
```
#0aa851
```
#0aa851 rgb(10,168,81)
```
#0bba5a
```
#0bba5a rgb(11,186,90)
```
#0ccd63
```
#0ccd63 rgb(12,205,99)
```
#0de06c
```
#0de06c rgb(13,224,108)
```

Shade Color Variation

#0ff175
```
#0ff175 rgb(15,241,117)
```
#22f280
```
#22f280 rgb(34,242,128)
```
#34f38a
```
#34f38a rgb(52,243,138)
```
#47f495
```
#47f495 rgb(71,244,149)
```
#59f5a0
```
#59f5a0 rgb(89,245,160)
```
#6cf6aa
```
#6cf6aa rgb(108,246,170)
```
#7ef7b5
```
#7ef7b5 rgb(126,247,181)
```
#91f9c0
```
#91f9c0 rgb(145,249,192)
```
#a4faca
```
#a4faca rgb(164,250,202)
```
#b6fbd5
```
#b6fbd5 rgb(182,251,213)
```
#c9fce0
```
#c9fce0 rgb(201,252,224)
```
#dbfdea
```
#dbfdea rgb(219,253,234)
```
#eefef5
```
#eefef5 rgb(238,254,245)
```

Tint Color Variation

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

#68716c
```
#68716c rgb(104,113,108)
```
#5f7a6b
```
#5f7a6b rgb(95,122,107)
```
#57826a
```
#57826a rgb(87,130,106)
```
#4f8a6a
```
#4f8a6a rgb(79,138,106)
```
#469369
```
#469369 rgb(70,147,105)
```
#3e9b68
```
#3e9b68 rgb(62,155,104)
```
#36a367
```
#36a367 rgb(54,163,103)
```
#2dac66
```
#2dac66 rgb(45,172,102)
```
#25b465
```
#25b465 rgb(37,180,101)
```
#1dbc65
```
#1dbc65 rgb(29,188,101)
```
#14c564
```
#14c564 rgb(20,197,100)
```
#0ccd63
```
#0ccd63 rgb(12,205,99)
```
#04d562
```
#04d562 rgb(4,213,98)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#6e9580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b662 Protanopia 1% of men
#daae77 Deuteranopia 1% of men
#5ec4d2 Tritanopia 0.001% of the population

Trichromacy

#83be62 Protanomaly 1% of men, 0.01% of women
#8fb96f Deuteranomaly 6% of men, 0.4% of women
#40c7a9 Tritanomaly 0.01% of the population

#0ccd63 hex color

#0ccd63 Color Information

#0ccd63 Color Conversion

Color Schemes with #0ccd63

Alternatives to #0ccd63

#0ccd63 Preview

Shades and Tints of #0ccd63

Tones of #0ccd63

Color Blindness Simulator