#1af580 hex color

In a RGB color space, hex #1af580 is composed of 10.2% red, 96.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 0% magenta, 47.8% yellow and 3.9% black. It has a hue angle of 147.9 degrees, a saturation of 91.6% and a lightness of 53.1%. #1af580 color hex could be obtained by blending #34ffff with #00eb01. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 10
- G 96
- B 50
RGB color chart
- C 89
- M 0
- Y 48
- K 4
CMYK color chart

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

The hexadecimal color #1af580 has RGB values of R:26, G:245, B:128 and CMYK values of C:0.89, M:0, Y:0.48, K:0.04. Its decimal value is 1766784.

Hex triplet	1af580	`#1af580`
RGB Decimal	26, 245, 128	`rgb(26,245,128)`
RGB Percent	10.2, 96.1, 50.2	`rgb(10.2%,96.1%,50.2%)`
CMYK	89, 0, 48, 4
HSL	147.9°, 91.6, 53.1	`hsl(147.9,91.6%,53.1%)`
HSV (or HSB)	147.9°, 89.4, 96.1
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.544, -72.698, 42.912
XYZ	36.972, 67.079, 31.42
xyY	0.273, 0.495, 67.079
CIE-LCH	85.544, 84.418, 149.448
CIE-LUV	85.544, -75.419, 69.435
Hunter-Lab	81.902, -62.75, 34.586
Binary	00011010, 11110101, 10000000

#1af580
```
#1af580 rgb(26,245,128)
```
#f51a8f
```
#f51a8f rgb(245,26,143)
```

Complementary Color

#21f51a
```
#21f51a rgb(33,245,26)
```
#1af580
```
#1af580 rgb(26,245,128)
```
#1af5ee
```
#1af5ee rgb(26,245,238)
```

Analogous Color

#f51a21
```
#f51a21 rgb(245,26,33)
```
#1af580
```
#1af580 rgb(26,245,128)
```
#ee1af5
```
#ee1af5 rgb(238,26,245)
```

Split Complementary Color

#f5801a
```
#f5801a rgb(245,128,26)
```
#1af580
```
#1af580 rgb(26,245,128)
```
#801af5
```
#801af5 rgb(128,26,245)
```

Triadic Color

#8ff51a
```
#8ff51a rgb(143,245,26)
```
#1af580
```
#1af580 rgb(26,245,128)
```
#801af5
```
#801af5 rgb(128,26,245)
```
#f51a8f
```
#f51a8f rgb(245,26,143)
```

Tetradic Color

#08ba5b
```
#08ba5b rgb(8,186,91)
```
#09d367
```
#09d367 rgb(9,211,103)
```
#0aeb73
```
#0aeb73 rgb(10,235,115)
```
#1af580
```
#1af580 rgb(26,245,128)
```
#32f68e
```
#32f68e rgb(50,246,142)
```
#4bf79b
```
#4bf79b rgb(75,247,155)
```
#63f8a9
```
#63f8a9 rgb(99,248,169)
```

Monochromatic Color

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

#1af549
```
#1af549 rgb(26,245,73)
```
#1af55c
```
#1af55c rgb(26,245,92)
```
#1af56e
```
#1af56e rgb(26,245,110)
```
#1af580
```
#1af580 rgb(26,245,128)
```
#1af592
```
#1af592 rgb(26,245,146)
```
#1af5a5
```
#1af5a5 rgb(26,245,165)
```
#1af5b7
```
#1af5b7 rgb(26,245,183)
```

Similar Colors

Text with hexadecimal color #1af580

This text has a font color of #1af580.

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

#1af580 background color

This paragraph has a background color of #1af580.

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

#1af580 border color

This element has a border color of #1af580.

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

CSS codes

.text {color:#1af580;}

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

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

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, #010f07 is the darkest color, while #fcfffd is the lightest one.

#010f07
```
#010f07 rgb(1,15,7)
```
#012211
```
#012211 rgb(1,34,17)
```
#02351a
```
#02351a rgb(2,53,26)
```
#034823
```
#034823 rgb(3,72,35)
```
#045b2c
```
#045b2c rgb(4,91,44)
```
#056d35
```
#056d35 rgb(5,109,53)
```
#06803f
```
#06803f rgb(6,128,63)
```
#069348
```
#069348 rgb(6,147,72)
```
#07a651
```
#07a651 rgb(7,166,81)
```
#08b85a
```
#08b85a rgb(8,184,90)
```
#09cb63
```
#09cb63 rgb(9,203,99)
```
#0ade6d
```
#0ade6d rgb(10,222,109)
```
#0bf176
```
#0bf176 rgb(11,241,118)
```

Shade Color Variation

#1af580
```
#1af580 rgb(26,245,128)
```
#2df68a
```
#2df68a rgb(45,246,138)
```
#40f795
```
#40f795 rgb(64,247,149)
```
#52f79f
```
#52f79f rgb(82,247,159)
```
#65f8aa
```
#65f8aa rgb(101,248,170)
```
#78f9b4
```
#78f9b4 rgb(120,249,180)
```
#8bfabf
```
#8bfabf rgb(139,250,191)
```
#9efbc9
```
#9efbc9 rgb(158,251,201)
```
#b0fcd3
```
#b0fcd3 rgb(176,252,211)
```
#c3fcde
```
#c3fcde rgb(195,252,222)
```
#d6fde8
```
#d6fde8 rgb(214,253,232)
```
#e9fef3
```
#e9fef3 rgb(233,254,243)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f9087 is the less saturated color, while #11fe7f is the most saturated one.

#7f9087
```
#7f9087 rgb(127,144,135)
```
#769986
```
#769986 rgb(118,153,134)
```
#6da286
```
#6da286 rgb(109,162,134)
```
#64ab85
```
#64ab85 rgb(100,171,133)
```
#5ab584
```
#5ab584 rgb(90,181,132)
```
#51be84
```
#51be84 rgb(81,190,132)
```
#48c783
```
#48c783 rgb(72,199,131)
```
#3fd083
```
#3fd083 rgb(63,208,131)
```
#36d982
```
#36d982 rgb(54,217,130)
```
#2ce381
```
#2ce381 rgb(44,227,129)
```
#23ec81
```
#23ec81 rgb(35,236,129)
```
#1af580
```
#1af580 rgb(26,245,128)
```
#11fe7f
```
#11fe7f rgb(17,254,127)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8ab69e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd87c Protanopia 1% of men
#ffcf99 Deuteranopia 1% of men
#70e8f9 Tritanopia 0.001% of the population

Trichromacy

#a0e27d Protanomaly 1% of men, 0.01% of women
#abdd90 Deuteranomaly 6% of men, 0.4% of women
#50edcd Tritanomaly 0.01% of the population

#1af580 hex color

#1af580 Color Information

#1af580 Color Conversion

Color Schemes with #1af580

Alternatives to #1af580

#1af580 Preview

Shades and Tints of #1af580

Tones of #1af580

Color Blindness Simulator