#28af5f hex color

In a RGB color space, hex #28af5f is composed of 15.7% red, 68.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 0% magenta, 45.7% yellow and 31.4% black. It has a hue angle of 144.4 degrees, a saturation of 62.8% and a lightness of 42.2%. #28af5f color hex could be obtained by blending #50ffbe with #005f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 16
- G 69
- B 37
RGB color chart
- C 77
- M 0
- Y 46
- K 31
CMYK color chart

● #28af5f color description : Dark cyan - lime green.

The hexadecimal color #28af5f has RGB values of R:40, G:175, B:95 and CMYK values of C:0.77, M:0, Y:0.46, K:0.31. Its decimal value is 2666335.

Hex triplet	28af5f	`#28af5f`
RGB Decimal	40, 175, 95	`rgb(40,175,95)`
RGB Percent	15.7, 68.6, 37.3	`rgb(15.7%,68.6%,37.3%)`
CMYK	77, 0, 46, 31
HSL	144.4°, 62.8, 42.2	`hsl(144.4,62.8%,42.2%)`
HSV (or HSB)	144.4°, 77.1, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.289, -53.208, 31.106
XYZ	18.269, 31.935, 16.027
xyY	0.276, 0.482, 31.935
CIE-LCH	63.289, 61.634, 149.689
CIE-LUV	63.289, -52.531, 48.27
Hunter-Lab	56.511, -41.189, 22.743
Binary	00101000, 10101111, 01011111

#28af5f
```
#28af5f rgb(40,175,95)
```
#af2878
```
#af2878 rgb(175,40,120)
```

Complementary Color

#35af28
```
#35af28 rgb(53,175,40)
```
#28af5f
```
#28af5f rgb(40,175,95)
```
#28afa3
```
#28afa3 rgb(40,175,163)
```

Analogous Color

#af2835
```
#af2835 rgb(175,40,53)
```
#28af5f
```
#28af5f rgb(40,175,95)
```
#a328af
```
#a328af rgb(163,40,175)
```

Split Complementary Color

#af5f28
```
#af5f28 rgb(175,95,40)
```
#28af5f
```
#28af5f rgb(40,175,95)
```
#5f28af
```
#5f28af rgb(95,40,175)
```

Triadic Color

#78af28
```
#78af28 rgb(120,175,40)
```
#28af5f
```
#28af5f rgb(40,175,95)
```
#5f28af
```
#5f28af rgb(95,40,175)
```
#af2878
```
#af2878 rgb(175,40,120)
```

Tetradic Color

#1a713d
```
#1a713d rgb(26,113,61)
```
#1f8548
```
#1f8548 rgb(31,133,72)
```
#239a54
```
#239a54 rgb(35,154,84)
```
#28af5f
```
#28af5f rgb(40,175,95)
```
#2dc46a
```
#2dc46a rgb(45,196,106)
```
#38d277
```
#38d277 rgb(56,210,119)
```
#4dd685
```
#4dd685 rgb(77,214,133)
```

Monochromatic Color

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

#28af3d
```
#28af3d rgb(40,175,61)
```
#28af49
```
#28af49 rgb(40,175,73)
```
#28af54
```
#28af54 rgb(40,175,84)
```
#28af5f
```
#28af5f rgb(40,175,95)
```
#28af6a
```
#28af6a rgb(40,175,106)
```
#28af76
```
#28af76 rgb(40,175,118)
```
#28af81
```
#28af81 rgb(40,175,129)
```

Similar Colors

Text with hexadecimal color #28af5f

This text has a font color of #28af5f.

<span style="color:#28af5f;">Text here</span>

#28af5f background color

This paragraph has a background color of #28af5f.

<p style="background-color:#28af5f;">Content here</p>

#28af5f border color

This element has a border color of #28af5f.

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

CSS codes

.text {color:#28af5f;}

.background {background-color:#28af5f;}

.border {border:1px solid #28af5f;}

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, #040f08 is the darkest color, while #feffff is the lightest one.

#040f08
```
#040f08 rgb(4,15,8)
```
#071f11
```
#071f11 rgb(7,31,17)
```
#0b2f1a
```
#0b2f1a rgb(11,47,26)
```
#0e3f22
```
#0e3f22 rgb(14,63,34)
```
#124f2b
```
#124f2b rgb(18,79,43)
```
#165f34
```
#165f34 rgb(22,95,52)
```
#196f3c
```
#196f3c rgb(25,111,60)
```
#1d7f45
```
#1d7f45 rgb(29,127,69)
```
#218f4e
```
#218f4e rgb(33,143,78)
```
#249f56
```
#249f56 rgb(36,159,86)
```
#28af5f
```
#28af5f rgb(40,175,95)
```
#2cbf68
```
#2cbf68 rgb(44,191,104)
```
#2fcf70
```
#2fcf70 rgb(47,207,112)
```

Shade Color Variation

#3fd37b
```
#3fd37b rgb(63,211,123)
```
#4fd786
```
#4fd786 rgb(79,215,134)
```
#5fda91
```
#5fda91 rgb(95,218,145)
```
#6fde9c
```
#6fde9c rgb(111,222,156)
```
#7fe2a7
```
#7fe2a7 rgb(127,226,167)
```
#8fe5b2
```
#8fe5b2 rgb(143,229,178)
```
#9fe9bd
```
#9fe9bd rgb(159,233,189)
```
#afedc8
```
#afedc8 rgb(175,237,200)
```
#bff0d3
```
#bff0d3 rgb(191,240,211)
```
#cef4de
```
#cef4de rgb(206,244,222)
```
#def8e9
```
#def8e9 rgb(222,248,233)
```
#eefbf4
```
#eefbf4 rgb(238,251,244)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6d6b is the less saturated color, while #07d059 is the most saturated one.

#6a6d6b
```
#6a6d6b rgb(106,109,107)
```
#62756a
```
#62756a rgb(98,117,106)
```
#5a7d68
```
#5a7d68 rgb(90,125,104)
```
#518667
```
#518667 rgb(81,134,103)
```
#498e65
```
#498e65 rgb(73,142,101)
```
#419664
```
#419664 rgb(65,150,100)
```
#399e62
```
#399e62 rgb(57,158,98)
```
#30a761
```
#30a761 rgb(48,167,97)
```
#28af5f
```
#28af5f rgb(40,175,95)
```
#20b75d
```
#20b75d rgb(32,183,93)
```
#17c05c
```
#17c05c rgb(23,192,92)
```
#0fc85a
```
#0fc85a rgb(15,200,90)
```
#07d059
```
#07d059 rgb(7,208,89)
```

Tone Color Variation

Below, you can see how #28af5f 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

#7e7e7e Achromatopsia 0.005% of the population
#6d8878 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9e5f Protanopia 1% of men
#bb9870 Deuteranopia 1% of men
#58a9b6 Tritanopia 0.001% of the population

Trichromacy

#7ca45f Protanomaly 1% of men, 0.01% of women
#86a06a Deuteranomaly 6% of men, 0.4% of women
#47ab96 Tritanomaly 0.01% of the population

#28af5f hex color

#28af5f Color Information

#28af5f Color Conversion

Color Schemes with #28af5f

Alternatives to #28af5f

#28af5f Preview

Shades and Tints of #28af5f

Tones of #28af5f

Color Blindness Simulator