#05af60 hex color

In a RGB color space, hex #05af60 is composed of 2% red, 68.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 0% magenta, 45.1% yellow and 31.4% black. It has a hue angle of 152.1 degrees, a saturation of 94.4% and a lightness of 35.3%. #05af60 color hex could be obtained by blending #0affc0 with #005f00. Closest websafe color is: #009966.

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

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

The hexadecimal color #05af60 has RGB values of R:5, G:175, B:96 and CMYK values of C:0.97, M:0, Y:0.45, K:0.31. Its decimal value is 372576.

Hex triplet	05af60	`#05af60`
RGB Decimal	5, 175, 96	`rgb(5,175,96)`
RGB Percent	2, 68.6, 37.6	`rgb(2%,68.6%,37.6%)`
CMYK	97, 0, 45, 31
HSL	152.1°, 94.4, 35.3	`hsl(152.1,94.4%,35.3%)`
HSV (or HSB)	152.1°, 97.1, 68.6
Web Safe	009966	`#009966`

CIE-LAB	62.957, -55.868, 30.089
XYZ	17.503, 31.535, 16.23
xyY	0.268, 0.483, 31.535
CIE-LCH	62.957, 63.455, 151.694
CIE-LUV	62.957, -55.655, 47.477
Hunter-Lab	56.156, -42.638, 22.173
Binary	00000101, 10101111, 01100000

#05af60
```
#05af60 rgb(5,175,96)
```
#af0554
```
#af0554 rgb(175,5,84)
```

Complementary Color

#05af0b
```
#05af0b rgb(5,175,11)
```
#05af60
```
#05af60 rgb(5,175,96)
```
#05a9af
```
#05a9af rgb(5,169,175)
```

Analogous Color

#af0b05
```
#af0b05 rgb(175,11,5)
```
#05af60
```
#05af60 rgb(5,175,96)
```
#af05a9
```
#af05a9 rgb(175,5,169)
```

Split Complementary Color

#af6005
```
#af6005 rgb(175,96,5)
```
#05af60
```
#05af60 rgb(5,175,96)
```
#6005af
```
#6005af rgb(96,5,175)
```

Triadic Color

#54af05
```
#54af05 rgb(84,175,5)
```
#05af60
```
#05af60 rgb(5,175,96)
```
#6005af
```
#6005af rgb(96,5,175)
```
#af0554
```
#af0554 rgb(175,5,84)
```

Tetradic Color

#036537
```
#036537 rgb(3,101,55)
```
#047d45
```
#047d45 rgb(4,125,69)
```
#049652
```
#049652 rgb(4,150,82)
```
#05af60
```
#05af60 rgb(5,175,96)
```
#06c86e
```
#06c86e rgb(6,200,110)
```
#06e17b
```
#06e17b rgb(6,225,123)
```
#09f889
```
#09f889 rgb(9,248,137)
```

Monochromatic Color

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

#05af36
```
#05af36 rgb(5,175,54)
```
#05af44
```
#05af44 rgb(5,175,68)
```
#05af52
```
#05af52 rgb(5,175,82)
```
#05af60
```
#05af60 rgb(5,175,96)
```
#05af6e
```
#05af6e rgb(5,175,110)
```
#05af7c
```
#05af7c rgb(5,175,124)
```
#05af8b
```
#05af8b rgb(5,175,139)
```

Similar Colors

Text with hexadecimal color #05af60

This text has a font color of #05af60.

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

#05af60 background color

This paragraph has a background color of #05af60.

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

#05af60 border color

This element has a border color of #05af60.

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

CSS codes

.text {color:#05af60;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#01160c
```
#01160c rgb(1,22,12)
```
#012a17
```
#012a17 rgb(1,42,23)
```
#023d21
```
#023d21 rgb(2,61,33)
```
#02502c
```
#02502c rgb(2,80,44)
```
#036336
```
#036336 rgb(3,99,54)
```
#037641
```
#037641 rgb(3,118,65)
```
#04894b
```
#04894b rgb(4,137,75)
```
#049c56
```
#049c56 rgb(4,156,86)
```
#05af60
```
#05af60 rgb(5,175,96)
```
#06c26a
```
#06c26a rgb(6,194,106)
```
#06d575
```
#06d575 rgb(6,213,117)
```
#07e87f
```
#07e87f rgb(7,232,127)
```

Shade Color Variation

#0af88a
```
#0af88a rgb(10,248,138)
```
#1ef993
```
#1ef993 rgb(30,249,147)
```
#31f99c
```
#31f99c rgb(49,249,156)
```
#44faa5
```
#44faa5 rgb(68,250,165)
```
#57faae
```
#57faae rgb(87,250,174)
```
#6afbb7
```
#6afbb7 rgb(106,251,183)
```
#7dfbc1
```
#7dfbc1 rgb(125,251,193)
```
#90fcca
```
#90fcca rgb(144,252,202)
```
#a3fcd3
```
#a3fcd3 rgb(163,252,211)
```
#b6fddc
```
#b6fddc rgb(182,253,220)
```
#c9fde5
```
#c9fde5 rgb(201,253,229)
```
#dcfeee
```
#dcfeee rgb(220,254,238)
```
#effff7
```
#effff7 rgb(239,255,247)
```

Tint Color Variation

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

#585c5a
```
#585c5a rgb(88,92,90)
```
#51635b
```
#51635b rgb(81,99,91)
```
#4a6a5b
```
#4a6a5b rgb(74,106,91)
```
#43715c
```
#43715c rgb(67,113,92)
```
#3c785c
```
#3c785c rgb(60,120,92)
```
#357f5d
```
#357f5d rgb(53,127,93)
```
#2f855d
```
#2f855d rgb(47,133,93)
```
#288c5e
```
#288c5e rgb(40,140,94)
```
#21935e
```
#21935e rgb(33,147,94)
```
#1a9a5f
```
#1a9a5f rgb(26,154,95)
```
#13a15f
```
#13a15f rgb(19,161,95)
```
#0ca860
```
#0ca860 rgb(12,168,96)
```
#05af60
```
#05af60 rgb(5,175,96)
```

Tone Color Variation

Below, you can see how #05af60 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

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

#05af60 hex color

#05af60 Color Information

#05af60 Color Conversion

Color Schemes with #05af60

Alternatives to #05af60

#05af60 Preview

Shades and Tints of #05af60

Tones of #05af60

Color Blindness Simulator