#0caf4a hex color

In a RGB color space, hex #0caf4a is composed of 4.7% red, 68.6% green and 29% blue. Whereas in a CMYK color space, it is composed of 93.1% cyan, 0% magenta, 57.7% yellow and 31.4% black. It has a hue angle of 142.8 degrees, a saturation of 87.2% and a lightness of 36.7%. #0caf4a color hex could be obtained by blending #18ff94 with #005f00. Closest websafe color is: #009933.

♥
- f
- t
- g
- R 5
- G 69
- B 29
RGB color chart
- C 93
- M 0
- Y 58
- K 31
CMYK color chart

● #0caf4a color description : Dark cyan - lime green.

The hexadecimal color #0caf4a has RGB values of R:12, G:175, B:74 and CMYK values of C:0.93, M:0, Y:0.58, K:0.31. Its decimal value is 831306.

Hex triplet	0caf4a	`#0caf4a`
RGB Decimal	12, 175, 74	`rgb(12,175,74)`
RGB Percent	4.7, 68.6, 29	`rgb(4.7%,68.6%,29%)`
CMYK	93, 0, 58, 31
HSL	142.8°, 87.2, 36.7	`hsl(142.8,87.2%,36.7%)`
HSV (or HSB)	142.8°, 93.1, 68.6
Web Safe	009933	`#009933`

CIE-LAB	62.702, -59.094, 40.812
XYZ	16.716, 31.231, 11.625
xyY	0.281, 0.524, 31.231
CIE-LCH	62.702, 71.817, 145.37
CIE-LUV	62.702, -56.459, 58.803
Hunter-Lab	55.884, -44.404, 26.785
Binary	00001100, 10101111, 01001010

#0caf4a
```
#0caf4a rgb(12,175,74)
```
#af0c71
```
#af0c71 rgb(175,12,113)
```

Complementary Color

#20af0c
```
#20af0c rgb(32,175,12)
```
#0caf4a
```
#0caf4a rgb(12,175,74)
```
#0caf9c
```
#0caf9c rgb(12,175,156)
```

Analogous Color

#af0c20
```
#af0c20 rgb(175,12,32)
```
#0caf4a
```
#0caf4a rgb(12,175,74)
```
#9c0caf
```
#9c0caf rgb(156,12,175)
```

Split Complementary Color

#af4a0c
```
#af4a0c rgb(175,74,12)
```
#0caf4a
```
#0caf4a rgb(12,175,74)
```
#4a0caf
```
#4a0caf rgb(74,12,175)
```

Triadic Color

#71af0c
```
#71af0c rgb(113,175,12)
```
#0caf4a
```
#0caf4a rgb(12,175,74)
```
#4a0caf
```
#4a0caf rgb(74,12,175)
```
#af0c71
```
#af0c71 rgb(175,12,113)
```

Tetradic Color

#07672c
```
#07672c rgb(7,103,44)
```
#097f36
```
#097f36 rgb(9,127,54)
```
#0a9740
```
#0a9740 rgb(10,151,64)
```
#0caf4a
```
#0caf4a rgb(12,175,74)
```
#0ec754
```
#0ec754 rgb(14,199,84)
```
#0fdf5e
```
#0fdf5e rgb(15,223,94)
```
#18ef6a
```
#18ef6a rgb(24,239,106)
```

Monochromatic Color

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

#0caf21
```
#0caf21 rgb(12,175,33)
```
#0caf2f
```
#0caf2f rgb(12,175,47)
```
#0caf3c
```
#0caf3c rgb(12,175,60)
```
#0caf4a
```
#0caf4a rgb(12,175,74)
```
#0caf58
```
#0caf58 rgb(12,175,88)
```
#0caf65
```
#0caf65 rgb(12,175,101)
```
#0caf73
```
#0caf73 rgb(12,175,115)
```

Similar Colors

Text with hexadecimal color #0caf4a

This text has a font color of #0caf4a.

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

#0caf4a background color

This paragraph has a background color of #0caf4a.

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

#0caf4a border color

This element has a border color of #0caf4a.

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

CSS codes

.text {color:#0caf4a;}

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

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

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

#010a04
```
#010a04 rgb(1,10,4)
```
#021c0c
```
#021c0c rgb(2,28,12)
```
#032f14
```
#032f14 rgb(3,47,20)
```
#04411b
```
#04411b rgb(4,65,27)
```
#065323
```
#065323 rgb(6,83,35)
```
#07662b
```
#07662b rgb(7,102,43)
```
#087833
```
#087833 rgb(8,120,51)
```
#098a3a
```
#098a3a rgb(9,138,58)
```
#0b9d42
```
#0b9d42 rgb(11,157,66)
```
#0caf4a
```
#0caf4a rgb(12,175,74)
```
#0dc152
```
#0dc152 rgb(13,193,82)
```
#0fd45a
```
#0fd45a rgb(15,212,90)
```
#10e661
```
#10e661 rgb(16,230,97)
```

Shade Color Variation

#1aef6b
```
#1aef6b rgb(26,239,107)
```
#2df177
```
#2df177 rgb(45,241,119)
```
#3ff283
```
#3ff283 rgb(63,242,131)
```
#51f38f
```
#51f38f rgb(81,243,143)
```
#64f49b
```
#64f49b rgb(100,244,155)
```
#76f6a6
```
#76f6a6 rgb(118,246,166)
```
#88f7b2
```
#88f7b2 rgb(136,247,178)
```
#9bf8be
```
#9bf8be rgb(155,248,190)
```
#adf9ca
```
#adf9ca rgb(173,249,202)
```
#bffbd6
```
#bffbd6 rgb(191,251,214)
```
#d2fce2
```
#d2fce2 rgb(210,252,226)
```
#e4fdee
```
#e4fdee rgb(228,253,238)
```
#f6fef9
```
#f6fef9 rgb(246,254,249)
```

Tint Color Variation

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

#5b605d
```
#5b605d rgb(91,96,93)
```
#54675b
```
#54675b rgb(84,103,91)
```
#4d6e59
```
#4d6e59 rgb(77,110,89)
```
#467558
```
#467558 rgb(70,117,88)
```
#3e7d56
```
#3e7d56 rgb(62,125,86)
```
#378454
```
#378454 rgb(55,132,84)
```
#308b53
```
#308b53 rgb(48,139,83)
```
#299251
```
#299251 rgb(41,146,81)
```
#22994f
```
#22994f rgb(34,153,79)
```
#1aa14d
```
#1aa14d rgb(26,161,77)
```
#13a84c
```
#13a84c rgb(19,168,76)
```
#0caf4a
```
#0caf4a rgb(12,175,74)
```
#05b648
```
#05b648 rgb(5,182,72)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#5e7f6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9d4c Protanopia 1% of men
#bd965e Deuteranopia 1% of men
#53a8b5 Tritanopia 0.001% of the population

Trichromacy

#72a34b Protanomaly 1% of men, 0.01% of women
#7d9f56 Deuteranomaly 6% of men, 0.4% of women
#39ab8e Tritanomaly 0.01% of the population

#0caf4a hex color

#0caf4a Color Information

#0caf4a Color Conversion

Color Schemes with #0caf4a

Alternatives to #0caf4a

#0caf4a Preview

Shades and Tints of #0caf4a

Tones of #0caf4a

Color Blindness Simulator