#28af7e hex color

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

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

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

The hexadecimal color #28af7e has RGB values of R:40, G:175, B:126 and CMYK values of C:0.77, M:0, Y:0.28, K:0.31. Its decimal value is 2666366.

Hex triplet	28af7e	`#28af7e`
RGB Decimal	40, 175, 126	`rgb(40,175,126)`
RGB Percent	15.7, 68.6, 49.4	`rgb(15.7%,68.6%,49.4%)`
CMYK	77, 0, 28, 31
HSL	158.2°, 62.8, 42.2	`hsl(158.2,62.8%,42.2%)`
HSV (or HSB)	158.2°, 77.1, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.848, -46.931, 15.233
XYZ	19.969, 32.615, 24.98
xyY	0.257, 0.42, 32.615
CIE-LCH	63.848, 49.341, 162.017
CIE-LUV	63.848, -50.712, 28.367
Hunter-Lab	57.11, -37.527, 14.043
Binary	00101000, 10101111, 01111110

#28af7e
```
#28af7e rgb(40,175,126)
```
#af2859
```
#af2859 rgb(175,40,89)
```

Complementary Color

#28af3b
```
#28af3b rgb(40,175,59)
```
#28af7e
```
#28af7e rgb(40,175,126)
```
#289daf
```
#289daf rgb(40,157,175)
```

Analogous Color

#af3b28
```
#af3b28 rgb(175,59,40)
```
#28af7e
```
#28af7e rgb(40,175,126)
```
#af289d
```
#af289d rgb(175,40,157)
```

Split Complementary Color

#af7e28
```
#af7e28 rgb(175,126,40)
```
#28af7e
```
#28af7e rgb(40,175,126)
```
#7e28af
```
#7e28af rgb(126,40,175)
```

Triadic Color

#59af28
```
#59af28 rgb(89,175,40)
```
#28af7e
```
#28af7e rgb(40,175,126)
```
#7e28af
```
#7e28af rgb(126,40,175)
```
#af2859
```
#af2859 rgb(175,40,89)
```

Tetradic Color

#1a7151
```
#1a7151 rgb(26,113,81)
```
#1f8560
```
#1f8560 rgb(31,133,96)
```
#239a6f
```
#239a6f rgb(35,154,111)
```
#28af7e
```
#28af7e rgb(40,175,126)
```
#2dc48d
```
#2dc48d rgb(45,196,141)
```
#38d29a
```
#38d29a rgb(56,210,154)
```
#4dd6a5
```
#4dd6a5 rgb(77,214,165)
```

Monochromatic Color

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

#28af5c
```
#28af5c rgb(40,175,92)
```
#28af68
```
#28af68 rgb(40,175,104)
```
#28af73
```
#28af73 rgb(40,175,115)
```
#28af7e
```
#28af7e rgb(40,175,126)
```
#28af89
```
#28af89 rgb(40,175,137)
```
#28af95
```
#28af95 rgb(40,175,149)
```
#28afa0
```
#28afa0 rgb(40,175,160)
```

Similar Colors

Text with hexadecimal color #28af7e

This text has a font color of #28af7e.

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

#28af7e background color

This paragraph has a background color of #28af7e.

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

#28af7e border color

This element has a border color of #28af7e.

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

CSS codes

.text {color:#28af7e;}

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

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

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

#040f0b
```
#040f0b rgb(4,15,11)
```
#071f17
```
#071f17 rgb(7,31,23)
```
#0b2f22
```
#0b2f22 rgb(11,47,34)
```
#0e3f2e
```
#0e3f2e rgb(14,63,46)
```
#124f39
```
#124f39 rgb(18,79,57)
```
#165f45
```
#165f45 rgb(22,95,69)
```
#196f50
```
#196f50 rgb(25,111,80)
```
#1d7f5c
```
#1d7f5c rgb(29,127,92)
```
#218f67
```
#218f67 rgb(33,143,103)
```
#249f73
```
#249f73 rgb(36,159,115)
```
#28af7e
```
#28af7e rgb(40,175,126)
```
#2cbf89
```
#2cbf89 rgb(44,191,137)
```
#2fcf95
```
#2fcf95 rgb(47,207,149)
```

Shade Color Variation

#3fd39d
```
#3fd39d rgb(63,211,157)
```
#4fd7a5
```
#4fd7a5 rgb(79,215,165)
```
#5fdaad
```
#5fdaad rgb(95,218,173)
```
#6fdeb6
```
#6fdeb6 rgb(111,222,182)
```
#7fe2be
```
#7fe2be rgb(127,226,190)
```
#8fe5c6
```
#8fe5c6 rgb(143,229,198)
```
#9fe9ce
```
#9fe9ce rgb(159,233,206)
```
#afedd6
```
#afedd6 rgb(175,237,214)
```
#bff0de
```
#bff0de rgb(191,240,222)
```
#cef4e6
```
#cef4e6 rgb(206,244,230)
```
#def8ee
```
#def8ee rgb(222,248,238)
```
#eefbf7
```
#eefbf7 rgb(238,251,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#6a6d6c
```
#6a6d6c rgb(106,109,108)
```
#62756e
```
#62756e rgb(98,117,110)
```
#5a7d70
```
#5a7d70 rgb(90,125,112)
```
#518673
```
#518673 rgb(81,134,115)
```
#498e75
```
#498e75 rgb(73,142,117)
```
#419677
```
#419677 rgb(65,150,119)
```
#399e79
```
#399e79 rgb(57,158,121)
```
#30a77c
```
#30a77c rgb(48,167,124)
```
#28af7e
```
#28af7e rgb(40,175,126)
```
#20b780
```
#20b780 rgb(32,183,128)
```
#17c083
```
#17c083 rgb(23,192,131)
```
#0fc885
```
#0fc885 rgb(15,200,133)
```
#07d087
```
#07d087 rgb(7,208,135)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6f8a80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9f7c Protanopia 1% of men
#b59a8d Deuteranopia 1% of men
#52acb8 Tritanopia 0.001% of the population

Trichromacy

#7ba57c Protanomaly 1% of men, 0.01% of women
#82a187 Deuteranomaly 6% of men, 0.4% of women
#42ada3 Tritanomaly 0.01% of the population

#28af7e hex color

#28af7e Color Information

#28af7e Color Conversion

Color Schemes with #28af7e

Alternatives to #28af7e

#28af7e Preview

Shades and Tints of #28af7e

Tones of #28af7e

Color Blindness Simulator