#03af60 hex color

In a RGB color space, hex #03af60 is composed of 1.2% red, 68.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 0% magenta, 45.1% yellow and 31.4% black. It has a hue angle of 152.4 degrees, a saturation of 96.6% and a lightness of 34.9%. #03af60 color hex could be obtained by blending #06ffc0 with #005f00. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 1
- G 69
- B 38
RGB color chart
- C 98
- M 0
- Y 45
- K 31
CMYK color chart

● #03af60 color description : Dark cyan - lime green.

The hexadecimal color #03af60 has RGB values of R:3, G:175, B:96 and CMYK values of C:0.98, M:0, Y:0.45, K:0.31. Its decimal value is 241504.

Hex triplet	03af60	`#03af60`
RGB Decimal	3, 175, 96	`rgb(3,175,96)`
RGB Percent	1.2, 68.6, 37.6	`rgb(1.2%,68.6%,37.6%)`
CMYK	98, 0, 45, 31
HSL	152.4°, 96.6, 34.9	`hsl(152.4,96.6%,34.9%)`
HSV (or HSB)	152.4°, 98.3, 68.6
Web Safe	009966	`#009966`

CIE-LAB	62.946, -55.957, 30.073
XYZ	17.478, 31.522, 16.229
xyY	0.268, 0.483, 31.522
CIE-LCH	62.946, 63.526, 151.745
CIE-LUV	62.946, -55.754, 47.47
Hunter-Lab	56.144, -42.686, 22.163
Binary	00000011, 10101111, 01100000

#03af60
```
#03af60 rgb(3,175,96)
```
#af0352
```
#af0352 rgb(175,3,82)
```

Complementary Color

#03af0a
```
#03af0a rgb(3,175,10)
```
#03af60
```
#03af60 rgb(3,175,96)
```
#03a8af
```
#03a8af rgb(3,168,175)
```

Analogous Color

#af0a03
```
#af0a03 rgb(175,10,3)
```
#03af60
```
#03af60 rgb(3,175,96)
```
#af03a8
```
#af03a8 rgb(175,3,168)
```

Split Complementary Color

#af6003
```
#af6003 rgb(175,96,3)
```
#03af60
```
#03af60 rgb(3,175,96)
```
#6003af
```
#6003af rgb(96,3,175)
```

Triadic Color

#52af03
```
#52af03 rgb(82,175,3)
```
#03af60
```
#03af60 rgb(3,175,96)
```
#6003af
```
#6003af rgb(96,3,175)
```
#af0352
```
#af0352 rgb(175,3,82)
```

Tetradic Color

#026437
```
#026437 rgb(2,100,55)
```
#027d44
```
#027d44 rgb(2,125,68)
```
#039652
```
#039652 rgb(3,150,82)
```
#03af60
```
#03af60 rgb(3,175,96)
```
#03c86e
```
#03c86e rgb(3,200,110)
```
#04e17c
```
#04e17c rgb(4,225,124)
```
#04fa89
```
#04fa89 rgb(4,250,137)
```

Monochromatic Color

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

#03af35
```
#03af35 rgb(3,175,53)
```
#03af43
```
#03af43 rgb(3,175,67)
```
#03af52
```
#03af52 rgb(3,175,82)
```
#03af60
```
#03af60 rgb(3,175,96)
```
#03af6e
```
#03af6e rgb(3,175,110)
```
#03af7d
```
#03af7d rgb(3,175,125)
```
#03af8b
```
#03af8b rgb(3,175,139)
```

Similar Colors

Text with hexadecimal color #03af60

This text has a font color of #03af60.

<span style="color:#03af60;">Text here</span>

#03af60 background color

This paragraph has a background color of #03af60.

<p style="background-color:#03af60;">Content here</p>

#03af60 border color

This element has a border color of #03af60.

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

CSS codes

.text {color:#03af60;}

.background {background-color:#03af60;}

.border {border:1px solid #03af60;}

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

#000101
```
#000101 rgb(0,1,1)
```
#00150b
```
#00150b rgb(0,21,11)
```
#012816
```
#012816 rgb(1,40,22)
```
#013b21
```
#013b21 rgb(1,59,33)
```
#014f2b
```
#014f2b rgb(1,79,43)
```
#026236
```
#026236 rgb(2,98,54)
```
#027540
```
#027540 rgb(2,117,64)
```
#02884b
```
#02884b rgb(2,136,75)
```
#039c55
```
#039c55 rgb(3,156,85)
```
#03af60
```
#03af60 rgb(3,175,96)
```
#03c26b
```
#03c26b rgb(3,194,107)
```
#04d675
```
#04d675 rgb(4,214,117)
```
#04e980
```
#04e980 rgb(4,233,128)
```

Shade Color Variation

#06fb8a
```
#06fb8a rgb(6,251,138)
```
#19fb93
```
#19fb93 rgb(25,251,147)
```
#2cfb9c
```
#2cfb9c rgb(44,251,156)
```
#40fca5
```
#40fca5 rgb(64,252,165)
```
#53fcae
```
#53fcae rgb(83,252,174)
```
#66fcb7
```
#66fcb7 rgb(102,252,183)
```
#79fdc0
```
#79fdc0 rgb(121,253,192)
```
#8dfdc9
```
#8dfdc9 rgb(141,253,201)
```
#a0fdd2
```
#a0fdd2 rgb(160,253,210)
```
#b3fedc
```
#b3fedc rgb(179,254,220)
```
#c7fee5
```
#c7fee5 rgb(199,254,229)
```
#dafeee
```
#dafeee rgb(218,254,238)
```
#edfff7
```
#edfff7 rgb(237,255,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555d59 is the less saturated color, while #03af60 is the most saturated one.

#555d59
```
#555d59 rgb(85,93,89)
```
#4e645a
```
#4e645a rgb(78,100,90)
```
#476b5a
```
#476b5a rgb(71,107,90)
```
#41715b
```
#41715b rgb(65,113,91)
```
#3a785c
```
#3a785c rgb(58,120,92)
```
#337f5c
```
#337f5c rgb(51,127,92)
```
#2c865d
```
#2c865d rgb(44,134,93)
```
#258d5d
```
#258d5d rgb(37,141,93)
```
#1e945e
```
#1e945e rgb(30,148,94)
```
#189a5e
```
#189a5e rgb(24,154,94)
```
#11a15f
```
#11a15f rgb(17,161,95)
```
#0aa85f
```
#0aa85f rgb(10,168,95)
```
#03af60
```
#03af60 rgb(3,175,96)
```

Tone Color Variation

Below, you can see how #03af60 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
#5d7f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9d60 Protanopia 1% of men
#ba9772 Deuteranopia 1% of men
#4eaab6 Tritanopia 0.001% of the population

Trichromacy

#6ea360 Protanomaly 1% of men, 0.01% of women
#779f6b Deuteranomaly 6% of men, 0.4% of women
#33ab97 Tritanomaly 0.01% of the population

#03af60 hex color

#03af60 Color Information

#03af60 Color Conversion

Color Schemes with #03af60

Alternatives to #03af60

#03af60 Preview

Shades and Tints of #03af60

Tones of #03af60

Color Blindness Simulator