#60af84 hex color

In a RGB color space, hex #60af84 is composed of 37.6% red, 68.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 0% magenta, 24.6% yellow and 31.4% black. It has a hue angle of 147.3 degrees, a saturation of 33.1% and a lightness of 53.1%. #60af84 color hex could be obtained by blending #c0ffff with #005f09. Closest websafe color is: #669999.

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

● #60af84 color description : Dark moderate cyan - lime green.

The hexadecimal color #60af84 has RGB values of R:96, G:175, B:132 and CMYK values of C:0.45, M:0, Y:0.25, K:0.31. Its decimal value is 6336388.

Hex triplet	60af84	`#60af84`
RGB Decimal	96, 175, 132	`rgb(96,175,132)`
RGB Percent	37.6, 68.6, 51.8	`rgb(37.6%,68.6%,51.8%)`
CMYK	45, 0, 25, 31
HSL	147.3°, 33.1, 53.1	`hsl(147.3,33.1%,53.1%)`
HSV (or HSB)	147.3°, 45.1, 68.6
Web Safe	669999	`#669999`

CIE-LAB	65.601, -34.314, 14.63
XYZ	24.317, 34.811, 27.266
xyY	0.281, 0.403, 34.811
CIE-LCH	65.601, 37.303, 156.909
CIE-LUV	65.601, -36.691, 25.861
Hunter-Lab	59.001, -29.683, 13.901
Binary	01100000, 10101111, 10000100

#60af84
```
#60af84 rgb(96,175,132)
```
#af608b
```
#af608b rgb(175,96,139)
```

Complementary Color

#64af60
```
#64af60 rgb(100,175,96)
```
#60af84
```
#60af84 rgb(96,175,132)
```
#60afac
```
#60afac rgb(96,175,172)
```

Analogous Color

#af6063
```
#af6063 rgb(175,96,99)
```
#60af84
```
#60af84 rgb(96,175,132)
```
#ac60af
```
#ac60af rgb(172,96,175)
```

Split Complementary Color

#af8460
```
#af8460 rgb(175,132,96)
```
#60af84
```
#60af84 rgb(96,175,132)
```
#8460af
```
#8460af rgb(132,96,175)
```

Triadic Color

#8baf60
```
#8baf60 rgb(139,175,96)
```
#60af84
```
#60af84 rgb(96,175,132)
```
#8460af
```
#8460af rgb(132,96,175)
```
#af608b
```
#af608b rgb(175,96,139)
```

Tetradic Color

#41815e
```
#41815e rgb(65,129,94)
```
#4a926b
```
#4a926b rgb(74,146,107)
```
#52a377
```
#52a377 rgb(82,163,119)
```
#60af84
```
#60af84 rgb(96,175,132)
```
#71b891
```
#71b891 rgb(113,184,145)
```
#82c09e
```
#82c09e rgb(130,192,158)
```
#93c9ab
```
#93c9ab rgb(147,201,171)
```

Monochromatic Color

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

#60af70
```
#60af70 rgb(96,175,112)
```
#60af77
```
#60af77 rgb(96,175,119)
```
#60af7d
```
#60af7d rgb(96,175,125)
```
#60af84
```
#60af84 rgb(96,175,132)
```
#60af8b
```
#60af8b rgb(96,175,139)
```
#60af91
```
#60af91 rgb(96,175,145)
```
#60af98
```
#60af98 rgb(96,175,152)
```

Similar Colors

Text with hexadecimal color #60af84

This text has a font color of #60af84.

<span style="color:#60af84;">Text here</span>

#60af84 background color

This paragraph has a background color of #60af84.

<p style="background-color:#60af84;">Content here</p>

#60af84 border color

This element has a border color of #60af84.

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

CSS codes

.text {color:#60af84;}

.background {background-color:#60af84;}

.border {border:1px solid #60af84;}

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, #050b08 is the darkest color, while #fdfefd is the lightest one.

#050b08
```
#050b08 rgb(5,11,8)
```
#0c1811
```
#0c1811 rgb(12,24,17)
```
#12251b
```
#12251b rgb(18,37,27)
```
#193224
```
#193224 rgb(25,50,36)
```
#203f2e
```
#203f2e rgb(32,63,46)
```
#264c37
```
#264c37 rgb(38,76,55)
```
#2d5941
```
#2d5941 rgb(45,89,65)
```
#33664a
```
#33664a rgb(51,102,74)
```
#3a7354
```
#3a7354 rgb(58,115,84)
```
#40805d
```
#40805d rgb(64,128,93)
```
#478d67
```
#478d67 rgb(71,141,103)
```
#4e9a70
```
#4e9a70 rgb(78,154,112)
```
#54a77a
```
#54a77a rgb(84,167,122)
```

Shade Color Variation

#60af84
```
#60af84 rgb(96,175,132)
```
#6db68e
```
#6db68e rgb(109,182,142)
```
#7abc98
```
#7abc98 rgb(122,188,152)
```
#87c3a2
```
#87c3a2 rgb(135,195,162)
```
#94c9ac
```
#94c9ac rgb(148,201,172)
```
#a1d0b6
```
#a1d0b6 rgb(161,208,182)
```
#aed6c1
```
#aed6c1 rgb(174,214,193)
```
#bbddcb
```
#bbddcb rgb(187,221,203)
```
#c8e4d5
```
#c8e4d5 rgb(200,228,213)
```
#d5eadf
```
#d5eadf rgb(213,234,223)
```
#e2f1e9
```
#e2f1e9 rgb(226,241,233)
```
#f0f7f3
```
#f0f7f3 rgb(240,247,243)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858a87 is the less saturated color, while #16f97d is the most saturated one.

#858a87
```
#858a87 rgb(133,138,135)
```
#7c9386
```
#7c9386 rgb(124,147,134)
```
#729d86
```
#729d86 rgb(114,157,134)
```
#69a685
```
#69a685 rgb(105,166,133)
```
#60af84
```
#60af84 rgb(96,175,132)
```
#57b883
```
#57b883 rgb(87,184,131)
```
#4ec182
```
#4ec182 rgb(78,193,130)
```
#44cb82
```
#44cb82 rgb(68,203,130)
```
#3bd481
```
#3bd481 rgb(59,212,129)
```
#32dd80
```
#32dd80 rgb(50,221,128)
```
#29e67f
```
#29e67f rgb(41,230,127)
```
#20ef7e
```
#20ef7e rgb(32,239,126)
```
#16f97d
```
#16f97d rgb(22,249,125)
```

Tone Color Variation

Below, you can see how #60af84 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

#929292 Achromatopsia 0.005% of the population
#88988f Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea383 Protanopia 1% of men
#ba9e91 Deuteranopia 1% of men
#76acb9 Tritanopia 0.001% of the population

Trichromacy

#91a783 Protanomaly 1% of men, 0.01% of women
#99a48c Deuteranomaly 6% of men, 0.4% of women
#6eada5 Tritanomaly 0.01% of the population

#60af84 hex color

#60af84 Color Information

#60af84 Color Conversion

Color Schemes with #60af84

Alternatives to #60af84

#60af84 Preview

Shades and Tints of #60af84

Tones of #60af84

Color Blindness Simulator