#1af97f hex color

In a RGB color space, hex #1af97f is composed of 10.2% red, 97.6% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 0% magenta, 49% yellow and 2.4% black. It has a hue angle of 147.2 degrees, a saturation of 94.9% and a lightness of 53.9%. #1af97f color hex could be obtained by blending #34fffe with #00f300. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 10
- G 98
- B 50
RGB color chart
- C 90
- M 0
- Y 49
- K 2
CMYK color chart

● #1af97f color description : Vivid cyan - lime green.

The hexadecimal color #1af97f has RGB values of R:26, G:249, B:127 and CMYK values of C:0.9, M:0, Y:0.49, K:0.02. Its decimal value is 1767807.

Hex triplet	1af97f	`#1af97f`
RGB Decimal	26, 249, 127	`rgb(26,249,127)`
RGB Percent	10.2, 97.6, 49.8	`rgb(10.2%,97.6%,49.8%)`
CMYK	90, 0, 49, 2
HSL	147.2°, 94.9, 53.9	`hsl(147.2,94.9%,53.9%)`
HSV (or HSB)	147.2°, 89.6, 97.6
Web Safe	33ff66	`#33ff66`

CIE-LAB	86.751, -74.129, 44.905
XYZ	38.13, 69.499, 31.483
xyY	0.274, 0.5, 69.499
CIE-LCH	86.751, 86.67, 148.794
CIE-LUV	86.751, -76.737, 72.141
Hunter-Lab	83.366, -64.249, 35.966
Binary	00011010, 11111001, 01111111

#1af97f
```
#1af97f rgb(26,249,127)
```
#f91a94
```
#f91a94 rgb(249,26,148)
```

Complementary Color

#24f91a
```
#24f91a rgb(36,249,26)
```
#1af97f
```
#1af97f rgb(26,249,127)
```
#1af9ef
```
#1af9ef rgb(26,249,239)
```

Analogous Color

#f91a24
```
#f91a24 rgb(249,26,36)
```
#1af97f
```
#1af97f rgb(26,249,127)
```
#ef1af9
```
#ef1af9 rgb(239,26,249)
```

Split Complementary Color

#f97f1a
```
#f97f1a rgb(249,127,26)
```
#1af97f
```
#1af97f rgb(26,249,127)
```
#7f1af9
```
#7f1af9 rgb(127,26,249)
```

Triadic Color

#94f91a
```
#94f91a rgb(148,249,26)
```
#1af97f
```
#1af97f rgb(26,249,127)
```
#7f1af9
```
#7f1af9 rgb(127,26,249)
```
#f91a94
```
#f91a94 rgb(249,26,148)
```

Tetradic Color

#05c15a
```
#05c15a rgb(5,193,90)
```
#06da66
```
#06da66 rgb(6,218,102)
```
#06f372
```
#06f372 rgb(6,243,114)
```
#1af97f
```
#1af97f rgb(26,249,127)
```
#33fa8d
```
#33fa8d rgb(51,250,141)
```
#4cfa9b
```
#4cfa9b rgb(76,250,155)
```
#65fba9
```
#65fba9 rgb(101,251,169)
```

Monochromatic Color

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

#1af947
```
#1af947 rgb(26,249,71)
```
#1af95a
```
#1af95a rgb(26,249,90)
```
#1af96c
```
#1af96c rgb(26,249,108)
```
#1af97f
```
#1af97f rgb(26,249,127)
```
#1af992
```
#1af992 rgb(26,249,146)
```
#1af9a4
```
#1af9a4 rgb(26,249,164)
```
#1af9b7
```
#1af9b7 rgb(26,249,183)
```

Similar Colors

Text with hexadecimal color #1af97f

This text has a font color of #1af97f.

<span style="color:#1af97f;">Text here</span>

#1af97f background color

This paragraph has a background color of #1af97f.

<p style="background-color:#1af97f;">Content here</p>

#1af97f border color

This element has a border color of #1af97f.

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

CSS codes

.text {color:#1af97f;}

.background {background-color:#1af97f;}

.border {border:1px solid #1af97f;}

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

#000000
```
#000000 rgb(0,0,0)
```
#011309
```
#011309 rgb(1,19,9)
```
#012712
```
#012712 rgb(1,39,18)
```
#023a1b
```
#023a1b rgb(2,58,27)
```
#024d24
```
#024d24 rgb(2,77,36)
```
#03602d
```
#03602d rgb(3,96,45)
```
#037336
```
#037336 rgb(3,115,54)
```
#04863f
```
#04863f rgb(4,134,63)
```
#049948
```
#049948 rgb(4,153,72)
```
#05ac51
```
#05ac51 rgb(5,172,81)
```
#05c059
```
#05c059 rgb(5,192,89)
```
#06d362
```
#06d362 rgb(6,211,98)
```
#06e66b
```
#06e66b rgb(6,230,107)
```

Shade Color Variation

#07f874
```
#07f874 rgb(7,248,116)
```
#1af97f
```
#1af97f rgb(26,249,127)
```
#2dfa8a
```
#2dfa8a rgb(45,250,138)
```
#40fa94
```
#40fa94 rgb(64,250,148)
```
#53fb9f
```
#53fb9f rgb(83,251,159)
```
#66fbaa
```
#66fbaa rgb(102,251,170)
```
#7afcb4
```
#7afcb4 rgb(122,252,180)
```
#8dfcbf
```
#8dfcbf rgb(141,252,191)
```
#a0fdca
```
#a0fdca rgb(160,253,202)
```
#b3fdd4
```
#b3fdd4 rgb(179,253,212)
```
#c6fedf
```
#c6fedf rgb(198,254,223)
```
#d9feea
```
#d9feea rgb(217,254,234)
```
#ecfff5
```
#ecfff5 rgb(236,255,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868d89 is the less saturated color, while #1af97f is the most saturated one.

#868d89
```
#868d89 rgb(134,141,137)
```
#7d9688
```
#7d9688 rgb(125,150,136)
```
#749f88
```
#749f88 rgb(116,159,136)
```
#6ba887
```
#6ba887 rgb(107,168,135)
```
#62b186
```
#62b186 rgb(98,177,134)
```
#59ba85
```
#59ba85 rgb(89,186,133)
```
#50c384
```
#50c384 rgb(80,195,132)
```
#47cc83
```
#47cc83 rgb(71,204,131)
```
#3ed582
```
#3ed582 rgb(62,213,130)
```
#35de82
```
#35de82 rgb(53,222,130)
```
#2ce781
```
#2ce781 rgb(44,231,129)
```
#23f080
```
#23f080 rgb(35,240,128)
```
#1af97f
```
#1af97f rgb(26,249,127)
```

Tone Color Variation

Below, you can see how #1af97f 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

#a8a8a8 Achromatopsia 0.005% of the population
#8cb8a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0db7b Protanopia 1% of men
#ffd3a3 Deuteranopia 1% of men
#72ebfd Tritanopia 0.001% of the population

Trichromacy

#a2e67c Protanomaly 1% of men, 0.01% of women
#abe195 Deuteranomaly 6% of men, 0.4% of women
#52f0cf Tritanomaly 0.01% of the population

#1af97f hex color

#1af97f Color Information

#1af97f Color Conversion

Color Schemes with #1af97f

Alternatives to #1af97f

#1af97f Preview

Shades and Tints of #1af97f

Tones of #1af97f

Color Blindness Simulator