#1af557 hex color

In a RGB color space, hex #1af557 is composed of 10.2% red, 96.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 0% magenta, 64.5% yellow and 3.9% black. It has a hue angle of 136.7 degrees, a saturation of 91.6% and a lightness of 53.1%. #1af557 color hex could be obtained by blending #34ffae with #00eb00. Closest websafe color is: #33ff66.

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

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

The hexadecimal color #1af557 has RGB values of R:26, G:245, B:87 and CMYK values of C:0.89, M:0, Y:0.64, K:0.04. Its decimal value is 1766743.

Hex triplet	1af557	`#1af557`
RGB Decimal	26, 245, 87	`rgb(26,245,87)`
RGB Percent	10.2, 96.1, 34.1	`rgb(10.2%,96.1%,34.1%)`
CMYK	89, 0, 64, 4
HSL	136.7°, 91.6, 53.1	`hsl(136.7,91.6%,53.1%)`
HSV (or HSB)	136.7°, 89.4, 96.1
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.103, -78.101, 60.698
XYZ	34.796, 66.209, 19.962
xyY	0.288, 0.547, 66.209
CIE-LCH	85.103, 98.914, 142.147
CIE-LUV	85.103, -77.321, 87.888
Hunter-Lab	81.369, -66.062, 42.413
Binary	00011010, 11110101, 01010111

#1af557
```
#1af557 rgb(26,245,87)
```
#f51ab8
```
#f51ab8 rgb(245,26,184)
```

Complementary Color

#4af51a
```
#4af51a rgb(74,245,26)
```
#1af557
```
#1af557 rgb(26,245,87)
```
#1af5c5
```
#1af5c5 rgb(26,245,197)
```

Analogous Color

#f51a4a
```
#f51a4a rgb(245,26,74)
```
#1af557
```
#1af557 rgb(26,245,87)
```
#c51af5
```
#c51af5 rgb(197,26,245)
```

Split Complementary Color

#f5571a
```
#f5571a rgb(245,87,26)
```
#1af557
```
#1af557 rgb(26,245,87)
```
#571af5
```
#571af5 rgb(87,26,245)
```

Triadic Color

#b8f51a
```
#b8f51a rgb(184,245,26)
```
#1af557
```
#1af557 rgb(26,245,87)
```
#571af5
```
#571af5 rgb(87,26,245)
```
#f51ab8
```
#f51ab8 rgb(245,26,184)
```

Tetradic Color

#08ba3a
```
#08ba3a rgb(8,186,58)
```
#09d341
```
#09d341 rgb(9,211,65)
```
#0aeb49
```
#0aeb49 rgb(10,235,73)
```
#1af557
```
#1af557 rgb(26,245,87)
```
#32f669
```
#32f669 rgb(50,246,105)
```
#4bf77b
```
#4bf77b rgb(75,247,123)
```
#63f88d
```
#63f88d rgb(99,248,141)
```

Monochromatic Color

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

#1af520
```
#1af520 rgb(26,245,32)
```
#1af533
```
#1af533 rgb(26,245,51)
```
#1af545
```
#1af545 rgb(26,245,69)
```
#1af557
```
#1af557 rgb(26,245,87)
```
#1af569
```
#1af569 rgb(26,245,105)
```
#1af57c
```
#1af57c rgb(26,245,124)
```
#1af58e
```
#1af58e rgb(26,245,142)
```

Similar Colors

Text with hexadecimal color #1af557

This text has a font color of #1af557.

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

#1af557 background color

This paragraph has a background color of #1af557.

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

#1af557 border color

This element has a border color of #1af557.

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

CSS codes

.text {color:#1af557;}

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

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

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

#010f05
```
#010f05 rgb(1,15,5)
```
#01220b
```
#01220b rgb(1,34,11)
```
#023510
```
#023510 rgb(2,53,16)
```
#034816
```
#034816 rgb(3,72,22)
```
#045b1c
```
#045b1c rgb(4,91,28)
```
#056d22
```
#056d22 rgb(5,109,34)
```
#068028
```
#068028 rgb(6,128,40)
```
#06932e
```
#06932e rgb(6,147,46)
```
#07a633
```
#07a633 rgb(7,166,51)
```
#08b839
```
#08b839 rgb(8,184,57)
```
#09cb3f
```
#09cb3f rgb(9,203,63)
```
#0ade45
```
#0ade45 rgb(10,222,69)
```
#0bf14b
```
#0bf14b rgb(11,241,75)
```

Shade Color Variation

#1af557
```
#1af557 rgb(26,245,87)
```
#2df665
```
#2df665 rgb(45,246,101)
```
#40f773
```
#40f773 rgb(64,247,115)
```
#52f780
```
#52f780 rgb(82,247,128)
```
#65f88e
```
#65f88e rgb(101,248,142)
```
#78f99c
```
#78f99c rgb(120,249,156)
```
#8bfaaa
```
#8bfaaa rgb(139,250,170)
```
#9efbb8
```
#9efbb8 rgb(158,251,184)
```
#b0fcc5
```
#b0fcc5 rgb(176,252,197)
```
#c3fcd3
```
#c3fcd3 rgb(195,252,211)
```
#d6fde1
```
#d6fde1 rgb(214,253,225)
```
#e9feef
```
#e9feef rgb(233,254,239)
```
#fcfffc
```
#fcfffc rgb(252,255,252)
```

Tint Color Variation

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

#7f9084
```
#7f9084 rgb(127,144,132)
```
#769980
```
#769980 rgb(118,153,128)
```
#6da27c
```
#6da27c rgb(109,162,124)
```
#64ab78
```
#64ab78 rgb(100,171,120)
```
#5ab574
```
#5ab574 rgb(90,181,116)
```
#51be6f
```
#51be6f rgb(81,190,111)
```
#48c76b
```
#48c76b rgb(72,199,107)
```
#3fd067
```
#3fd067 rgb(63,208,103)
```
#36d963
```
#36d963 rgb(54,217,99)
```
#2ce35f
```
#2ce35f rgb(44,227,95)
```
#23ec5b
```
#23ec5b rgb(35,236,91)
```
#1af557
```
#1af557 rgb(26,245,87)
```
#11fe53
```
#11fe53 rgb(17,254,83)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#87b393 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed757 Protanopia 1% of men
#ffce89 Deuteranopia 1% of men
#75e6f7 Tritanopia 0.001% of the population

Trichromacy

#a1e157 Protanomaly 1% of men, 0.01% of women
#abdc77 Deuteranomaly 6% of men, 0.4% of women
#54ebbd Tritanomaly 0.01% of the population

#1af557 hex color

#1af557 Color Information

#1af557 Color Conversion

Color Schemes with #1af557

Alternatives to #1af557

#1af557 Preview

Shades and Tints of #1af557

Tones of #1af557

Color Blindness Simulator