#10af60 hex color

In a RGB color space, hex #10af60 is composed of 6.3% red, 68.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 90.9% cyan, 0% magenta, 45.1% yellow and 31.4% black. It has a hue angle of 150.2 degrees, a saturation of 83.2% and a lightness of 37.5%. #10af60 color hex could be obtained by blending #20ffc0 with #005f00. Closest websafe color is: #009966.

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

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

The hexadecimal color #10af60 has RGB values of R:16, G:175, B:96 and CMYK values of C:0.91, M:0, Y:0.45, K:0.31. Its decimal value is 1093472.

Hex triplet	10af60	`#10af60`
RGB Decimal	16, 175, 96	`rgb(16,175,96)`
RGB Percent	6.3, 68.6, 37.6	`rgb(6.3%,68.6%,37.6%)`
CMYK	91, 0, 45, 31
HSL	150.2°, 83.2, 37.5	`hsl(150.2,83.2%,37.5%)`
HSV (or HSB)	150.2°, 90.9, 68.6
Web Safe	009966	`#009966`

CIE-LAB	63.021, -55.331, 30.185
XYZ	17.654, 31.613, 16.237
xyY	0.27, 0.483, 31.613
CIE-LCH	63.021, 63.029, 151.386
CIE-LUV	63.021, -55.061, 47.519
Hunter-Lab	56.225, -42.348, 22.235
Binary	00010000, 10101111, 01100000

#10af60
```
#10af60 rgb(16,175,96)
```
#af105f
```
#af105f rgb(175,16,95)
```

Complementary Color

#10af11
```
#10af11 rgb(16,175,17)
```
#10af60
```
#10af60 rgb(16,175,96)
```
#10afaf
```
#10afaf rgb(16,175,175)
```

Analogous Color

#af1110
```
#af1110 rgb(175,17,16)
```
#10af60
```
#10af60 rgb(16,175,96)
```
#af10af
```
#af10af rgb(175,16,175)
```

Split Complementary Color

#af6010
```
#af6010 rgb(175,96,16)
```
#10af60
```
#10af60 rgb(16,175,96)
```
#6010af
```
#6010af rgb(96,16,175)
```

Triadic Color

#5faf10
```
#5faf10 rgb(95,175,16)
```
#10af60
```
#10af60 rgb(16,175,96)
```
#6010af
```
#6010af rgb(96,16,175)
```
#af105f
```
#af105f rgb(175,16,95)
```

Tetradic Color

#0a693a
```
#0a693a rgb(10,105,58)
```
#0c8046
```
#0c8046 rgb(12,128,70)
```
#0e9853
```
#0e9853 rgb(14,152,83)
```
#10af60
```
#10af60 rgb(16,175,96)
```
#12c66d
```
#12c66d rgb(18,198,109)
```
#14de7a
```
#14de7a rgb(20,222,122)
```
#21eb86
```
#21eb86 rgb(33,235,134)
```

Monochromatic Color

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

#10af38
```
#10af38 rgb(16,175,56)
```
#10af46
```
#10af46 rgb(16,175,70)
```
#10af53
```
#10af53 rgb(16,175,83)
```
#10af60
```
#10af60 rgb(16,175,96)
```
#10af6d
```
#10af6d rgb(16,175,109)
```
#10af7b
```
#10af7b rgb(16,175,123)
```
#10af88
```
#10af88 rgb(16,175,136)
```

Similar Colors

Text with hexadecimal color #10af60

This text has a font color of #10af60.

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

#10af60 background color

This paragraph has a background color of #10af60.

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

#10af60 border color

This element has a border color of #10af60.

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

CSS codes

.text {color:#10af60;}

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

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

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

#010d07
```
#010d07 rgb(1,13,7)
```
#031f11
```
#031f11 rgb(3,31,17)
```
#04311b
```
#04311b rgb(4,49,27)
```
#064325
```
#064325 rgb(6,67,37)
```
#08552f
```
#08552f rgb(8,85,47)
```
#096739
```
#096739 rgb(9,103,57)
```
#0b7942
```
#0b7942 rgb(11,121,66)
```
#0d8b4c
```
#0d8b4c rgb(13,139,76)
```
#0e9d56
```
#0e9d56 rgb(14,157,86)
```
#10af60
```
#10af60 rgb(16,175,96)
```
#12c16a
```
#12c16a rgb(18,193,106)
```
#13d374
```
#13d374 rgb(19,211,116)
```
#15e57e
```
#15e57e rgb(21,229,126)
```

Shade Color Variation

#23eb87
```
#23eb87 rgb(35,235,135)
```
#35ec91
```
#35ec91 rgb(53,236,145)
```
#47ee9b
```
#47ee9b rgb(71,238,155)
```
#59f0a5
```
#59f0a5 rgb(89,240,165)
```
#6bf1ae
```
#6bf1ae rgb(107,241,174)
```
#7cf3b8
```
#7cf3b8 rgb(124,243,184)
```
#8ef5c2
```
#8ef5c2 rgb(142,245,194)
```
#a0f6cc
```
#a0f6cc rgb(160,246,204)
```
#b2f8d5
```
#b2f8d5 rgb(178,248,213)
```
#c4fadf
```
#c4fadf rgb(196,250,223)
```
#d6fbe9
```
#d6fbe9 rgb(214,251,233)
```
#e8fdf3
```
#e8fdf3 rgb(232,253,243)
```
#fafffc
```
#fafffc rgb(250,255,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #596660 is the less saturated color, while #01be60 is the most saturated one.

#596660
```
#596660 rgb(89,102,96)
```
#526d60
```
#526d60 rgb(82,109,96)
```
#4b7460
```
#4b7460 rgb(75,116,96)
```
#437c60
```
#437c60 rgb(67,124,96)
```
#3c8360
```
#3c8360 rgb(60,131,96)
```
#358a60
```
#358a60 rgb(53,138,96)
```
#2d9260
```
#2d9260 rgb(45,146,96)
```
#269960
```
#269960 rgb(38,153,96)
```
#1fa060
```
#1fa060 rgb(31,160,96)
```
#17a860
```
#17a860 rgb(23,168,96)
```
#10af60
```
#10af60 rgb(16,175,96)
```
#09b660
```
#09b660 rgb(9,182,96)
```
#01be60
```
#01be60 rgb(1,190,96)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#628172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9d60 Protanopia 1% of men
#ba9771 Deuteranopia 1% of men
#50aab6 Tritanopia 0.001% of the population

Trichromacy

#73a460 Protanomaly 1% of men, 0.01% of women
#7ca06b Deuteranomaly 6% of men, 0.4% of women
#39ab97 Tritanomaly 0.01% of the population

#10af60 hex color

#10af60 Color Information

#10af60 Color Conversion

Color Schemes with #10af60

Alternatives to #10af60

#10af60 Preview

Shades and Tints of #10af60

Tones of #10af60

Color Blindness Simulator