#0ccd3f hex color

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

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

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

The hexadecimal color #0ccd3f has RGB values of R:12, G:205, B:63 and CMYK values of C:0.94, M:0, Y:0.69, K:0.2. Its decimal value is 838975.

Hex triplet	0ccd3f	`#0ccd3f`
RGB Decimal	12, 205, 63	`rgb(12,205,63)`
RGB Percent	4.7, 80.4, 24.7	`rgb(4.7%,80.4%,24.7%)`
CMYK	94, 0, 69, 20
HSL	135.9°, 88.9, 42.5	`hsl(135.9,88.9%,42.5%)`
HSV (or HSB)	135.9°, 94.1, 80.4
Web Safe	00cc33	`#00cc33`

CIE-LAB	72.293, -69.546, 56.319
XYZ	22.879, 44.097, 12.008
xyY	0.29, 0.558, 44.097
CIE-LCH	72.293, 89.49, 140.999
CIE-LUV	72.293, -66.538, 77.631
Hunter-Lab	66.406, -54.711, 35.763
Binary	00001100, 11001101, 00111111

#0ccd3f
```
#0ccd3f rgb(12,205,63)
```
#cd0c9a
```
#cd0c9a rgb(205,12,154)
```

Complementary Color

#3acd0c
```
#3acd0c rgb(58,205,12)
```
#0ccd3f
```
#0ccd3f rgb(12,205,63)
```
#0ccda0
```
#0ccda0 rgb(12,205,160)
```

Analogous Color

#cd0c3a
```
#cd0c3a rgb(205,12,58)
```
#0ccd3f
```
#0ccd3f rgb(12,205,63)
```
#a00ccd
```
#a00ccd rgb(160,12,205)
```

Split Complementary Color

#cd3f0c
```
#cd3f0c rgb(205,63,12)
```
#0ccd3f
```
#0ccd3f rgb(12,205,63)
```
#3f0ccd
```
#3f0ccd rgb(63,12,205)
```

Triadic Color

#9acd0c
```
#9acd0c rgb(154,205,12)
```
#0ccd3f
```
#0ccd3f rgb(12,205,63)
```
#3f0ccd
```
#3f0ccd rgb(63,12,205)
```
#cd0c9a
```
#cd0c9a rgb(205,12,154)
```

Tetradic Color

#088529
```
#088529 rgb(8,133,41)
```
#099d30
```
#099d30 rgb(9,157,48)
```
#0bb538
```
#0bb538 rgb(11,181,56)
```
#0ccd3f
```
#0ccd3f rgb(12,205,63)
```
#0de546
```
#0de546 rgb(13,229,70)
```
#1af253
```
#1af253 rgb(26,242,83)
```
#32f365
```
#32f365 rgb(50,243,101)
```

Monochromatic Color

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

#0ccd0f
```
#0ccd0f rgb(12,205,15)
```
#0ccd1f
```
#0ccd1f rgb(12,205,31)
```
#0ccd2f
```
#0ccd2f rgb(12,205,47)
```
#0ccd3f
```
#0ccd3f rgb(12,205,63)
```
#0ccd4f
```
#0ccd4f rgb(12,205,79)
```
#0ccd5f
```
#0ccd5f rgb(12,205,95)
```
#0ccd6f
```
#0ccd6f rgb(12,205,111)
```

Similar Colors

Text with hexadecimal color #0ccd3f

This text has a font color of #0ccd3f.

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

#0ccd3f background color

This paragraph has a background color of #0ccd3f.

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

#0ccd3f border color

This element has a border color of #0ccd3f.

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

CSS codes

.text {color:#0ccd3f;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#011406
```
#011406 rgb(1,20,6)
```
#02260c
```
#02260c rgb(2,38,12)
```
#033911
```
#033911 rgb(3,57,17)
```
#044b17
```
#044b17 rgb(4,75,23)
```
#055e1d
```
#055e1d rgb(5,94,29)
```
#077023
```
#077023 rgb(7,112,35)
```
#088328
```
#088328 rgb(8,131,40)
```
#09952e
```
#09952e rgb(9,149,46)
```
#0aa834
```
#0aa834 rgb(10,168,52)
```
#0bba39
```
#0bba39 rgb(11,186,57)
```
#0ccd3f
```
#0ccd3f rgb(12,205,63)
```
#0de045
```
#0de045 rgb(13,224,69)
```

Shade Color Variation

#0ff14b
```
#0ff14b rgb(15,241,75)
```
#22f259
```
#22f259 rgb(34,242,89)
```
#34f367
```
#34f367 rgb(52,243,103)
```
#47f475
```
#47f475 rgb(71,244,117)
```
#59f583
```
#59f583 rgb(89,245,131)
```
#6cf691
```
#6cf691 rgb(108,246,145)
```
#7ef79e
```
#7ef79e rgb(126,247,158)
```
#91f9ac
```
#91f9ac rgb(145,249,172)
```
#a4faba
```
#a4faba rgb(164,250,186)
```
#b6fbc8
```
#b6fbc8 rgb(182,251,200)
```
#c9fcd6
```
#c9fcd6 rgb(201,252,214)
```
#dbfde4
```
#dbfde4 rgb(219,253,228)
```
#eefef2
```
#eefef2 rgb(238,254,242)
```

Tint Color Variation

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

#68716a
```
#68716a rgb(104,113,106)
```
#5f7a66
```
#5f7a66 rgb(95,122,102)
```
#578262
```
#578262 rgb(87,130,98)
```
#4f8a5e
```
#4f8a5e rgb(79,138,94)
```
#46935b
```
#46935b rgb(70,147,91)
```
#3e9b57
```
#3e9b57 rgb(62,155,87)
```
#36a353
```
#36a353 rgb(54,163,83)
```
#2dac4f
```
#2dac4f rgb(45,172,79)
```
#25b44b
```
#25b44b rgb(37,180,75)
```
#1dbc47
```
#1dbc47 rgb(29,188,71)
```
#14c543
```
#14c543 rgb(20,197,67)
```
#0ccd3f
```
#0ccd3f rgb(12,205,63)
```
#04d53b
```
#04d53b rgb(4,213,59)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#6b9275 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b541 Protanopia 1% of men
#dead58 Deuteranopia 1% of men
#63c2d0 Tritanopia 0.001% of the population

Trichromacy

#84be40 Protanomaly 1% of men, 0.01% of women
#91b84e Deuteranomaly 6% of men, 0.4% of women
#43c69b Tritanomaly 0.01% of the population

#0ccd3f hex color

#0ccd3f Color Information

#0ccd3f Color Conversion

Color Schemes with #0ccd3f

Alternatives to #0ccd3f

#0ccd3f Preview

Shades and Tints of #0ccd3f

Tones of #0ccd3f

Color Blindness Simulator