#1af996 hex color

In a RGB color space, hex #1af996 is composed of 10.2% red, 97.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 0% magenta, 39.8% yellow and 2.4% black. It has a hue angle of 153.4 degrees, a saturation of 94.9% and a lightness of 53.9%. #1af996 color hex could be obtained by blending #34ffff with #00f32d. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #1af996 has RGB values of R:26, G:249, B:150 and CMYK values of C:0.9, M:0, Y:0.4, K:0.02. Its decimal value is 1767830.

Hex triplet	1af996	`#1af996`
RGB Decimal	26, 249, 150	`rgb(26,249,150)`
RGB Percent	10.2, 97.6, 58.8	`rgb(10.2%,97.6%,58.8%)`
CMYK	90, 0, 40, 2
HSL	153.4°, 94.9, 53.9	`hsl(153.4,94.9%,53.9%)`
HSV (or HSB)	153.4°, 89.6, 97.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.08, -70.228, 34.128
XYZ	39.804, 70.169, 40.299
xyY	0.265, 0.467, 70.169
CIE-LCH	87.08, 78.081, 154.082
CIE-LUV	87.08, -75.402, 59.081
Hunter-Lab	83.767, -61.773, 30.113
Binary	00011010, 11111001, 10010110

#1af996
```
#1af996 rgb(26,249,150)
```
#f91a7d
```
#f91a7d rgb(249,26,125)
```

Complementary Color

#1af927
```
#1af927 rgb(26,249,39)
```
#1af996
```
#1af996 rgb(26,249,150)
```
#1aedf9
```
#1aedf9 rgb(26,237,249)
```

Analogous Color

#f9271a
```
#f9271a rgb(249,39,26)
```
#1af996
```
#1af996 rgb(26,249,150)
```
#f91aed
```
#f91aed rgb(249,26,237)
```

Split Complementary Color

#f9961a
```
#f9961a rgb(249,150,26)
```
#1af996
```
#1af996 rgb(26,249,150)
```
#961af9
```
#961af9 rgb(150,26,249)
```

Triadic Color

#7df91a
```
#7df91a rgb(125,249,26)
```
#1af996
```
#1af996 rgb(26,249,150)
```
#961af9
```
#961af9 rgb(150,26,249)
```
#f91a7d
```
#f91a7d rgb(249,26,125)
```

Tetradic Color

#05c16e
```
#05c16e rgb(5,193,110)
```
#06da7c
```
#06da7c rgb(6,218,124)
```
#06f38a
```
#06f38a rgb(6,243,138)
```
#1af996
```
#1af996 rgb(26,249,150)
```
#33faa1
```
#33faa1 rgb(51,250,161)
```
#4cfaad
```
#4cfaad rgb(76,250,173)
```
#65fbb8
```
#65fbb8 rgb(101,251,184)
```

Monochromatic Color

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

#1af95e
```
#1af95e rgb(26,249,94)
```
#1af971
```
#1af971 rgb(26,249,113)
```
#1af983
```
#1af983 rgb(26,249,131)
```
#1af996
```
#1af996 rgb(26,249,150)
```
#1af9a9
```
#1af9a9 rgb(26,249,169)
```
#1af9bb
```
#1af9bb rgb(26,249,187)
```
#1af9ce
```
#1af9ce rgb(26,249,206)
```

Similar Colors

Text with hexadecimal color #1af996

This text has a font color of #1af996.

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

#1af996 background color

This paragraph has a background color of #1af996.

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

#1af996 border color

This element has a border color of #1af996.

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

CSS codes

.text {color:#1af996;}

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

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

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 #ecfff6 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#01130b
```
#01130b rgb(1,19,11)
```
#012716
```
#012716 rgb(1,39,22)
```
#023a21
```
#023a21 rgb(2,58,33)
```
#024d2c
```
#024d2c rgb(2,77,44)
```
#036036
```
#036036 rgb(3,96,54)
```
#037341
```
#037341 rgb(3,115,65)
```
#04864c
```
#04864c rgb(4,134,76)
```
#049957
```
#049957 rgb(4,153,87)
```
#05ac62
```
#05ac62 rgb(5,172,98)
```
#05c06d
```
#05c06d rgb(5,192,109)
```
#06d378
```
#06d378 rgb(6,211,120)
```
#06e682
```
#06e682 rgb(6,230,130)
```

Shade Color Variation

#07f88d
```
#07f88d rgb(7,248,141)
```
#1af996
```
#1af996 rgb(26,249,150)
```
#2dfa9f
```
#2dfa9f rgb(45,250,159)
```
#40faa8
```
#40faa8 rgb(64,250,168)
```
#53fbb0
```
#53fbb0 rgb(83,251,176)
```
#66fbb9
```
#66fbb9 rgb(102,251,185)
```
#7afcc2
```
#7afcc2 rgb(122,252,194)
```
#8dfccb
```
#8dfccb rgb(141,252,203)
```
#a0fdd3
```
#a0fdd3 rgb(160,253,211)
```
#b3fddc
```
#b3fddc rgb(179,253,220)
```
#c6fee5
```
#c6fee5 rgb(198,254,229)
```
#d9feee
```
#d9feee rgb(217,254,238)
```
#ecfff6
```
#ecfff6 rgb(236,255,246)
```

Tint Color Variation

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

#868d8a
```
#868d8a rgb(134,141,138)
```
#7d968b
```
#7d968b rgb(125,150,139)
```
#749f8c
```
#749f8c rgb(116,159,140)
```
#6ba88d
```
#6ba88d rgb(107,168,141)
```
#62b18e
```
#62b18e rgb(98,177,142)
```
#59ba8f
```
#59ba8f rgb(89,186,143)
```
#50c390
```
#50c390 rgb(80,195,144)
```
#47cc91
```
#47cc91 rgb(71,204,145)
```
#3ed592
```
#3ed592 rgb(62,213,146)
```
#35de93
```
#35de93 rgb(53,222,147)
```
#2ce794
```
#2ce794 rgb(44,231,148)
```
#23f095
```
#23f095 rgb(35,240,149)
```
#1af996
```
#1af996 rgb(26,249,150)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#8ebba7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eedb90 Protanopia 1% of men
#ffd4ad Deuteranopia 1% of men
#6dedfe Tritanopia 0.001% of the population

Trichromacy

#a1e692 Protanomaly 1% of men, 0.01% of women
#abe1a4 Deuteranomaly 6% of men, 0.4% of women
#4ff1d8 Tritanomaly 0.01% of the population

#1af996 hex color

#1af996 Color Information

#1af996 Color Conversion

Color Schemes with #1af996

Alternatives to #1af996

#1af996 Preview

Shades and Tints of #1af996

Tones of #1af996

Color Blindness Simulator