#1af666 hex color

In a RGB color space, hex #1af666 is composed of 10.2% red, 96.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 0% magenta, 58.5% yellow and 3.5% black. It has a hue angle of 140.7 degrees, a saturation of 92.4% and a lightness of 53.3%. #1af666 color hex could be obtained by blending #34ffcc with #00ed00. Closest websafe color is: #33ff66.

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

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

The hexadecimal color #1af666 has RGB values of R:26, G:246, B:102 and CMYK values of C:0.89, M:0, Y:0.59, K:0.04. Its decimal value is 1767014.

Hex triplet	1af666	`#1af666`
RGB Decimal	26, 246, 102	`rgb(26,246,102)`
RGB Percent	10.2, 96.5, 40	`rgb(10.2%,96.5%,40%)`
CMYK	89, 0, 59, 4
HSL	140.7°, 92.4, 53.3	`hsl(140.7,92.4%,53.3%)`
HSV (or HSB)	140.7°, 89.4, 96.5
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.548, -76.688, 54.888
XYZ	35.778, 67.086, 23.633
xyY	0.283, 0.53, 67.086
CIE-LCH	85.548, 94.307, 144.407
CIE-LUV	85.548, -77.021, 82.469
Hunter-Lab	81.906, -65.365, 40.227
Binary	00011010, 11110110, 01100110

#1af666
```
#1af666 rgb(26,246,102)
```
#f61aaa
```
#f61aaa rgb(246,26,170)
```

Complementary Color

#3cf61a
```
#3cf61a rgb(60,246,26)
```
#1af666
```
#1af666 rgb(26,246,102)
```
#1af6d4
```
#1af6d4 rgb(26,246,212)
```

Analogous Color

#f61a3c
```
#f61a3c rgb(246,26,60)
```
#1af666
```
#1af666 rgb(26,246,102)
```
#d41af6
```
#d41af6 rgb(212,26,246)
```

Split Complementary Color

#f6661a
```
#f6661a rgb(246,102,26)
```
#1af666
```
#1af666 rgb(26,246,102)
```
#661af6
```
#661af6 rgb(102,26,246)
```

Triadic Color

#aaf61a
```
#aaf61a rgb(170,246,26)
```
#1af666
```
#1af666 rgb(26,246,102)
```
#661af6
```
#661af6 rgb(102,26,246)
```
#f61aaa
```
#f61aaa rgb(246,26,170)
```

Tetradic Color

#07bc46
```
#07bc46 rgb(7,188,70)
```
#08d54f
```
#08d54f rgb(8,213,79)
```
#09ed58
```
#09ed58 rgb(9,237,88)
```
#1af666
```
#1af666 rgb(26,246,102)
```
#33f776
```
#33f776 rgb(51,247,118)
```
#4bf887
```
#4bf887 rgb(75,248,135)
```
#64f997
```
#64f997 rgb(100,249,151)
```

Monochromatic Color

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

#1af62f
```
#1af62f rgb(26,246,47)
```
#1af641
```
#1af641 rgb(26,246,65)
```
#1af654
```
#1af654 rgb(26,246,84)
```
#1af666
```
#1af666 rgb(26,246,102)
```
#1af678
```
#1af678 rgb(26,246,120)
```
#1af68b
```
#1af68b rgb(26,246,139)
```
#1af69d
```
#1af69d rgb(26,246,157)
```

Similar Colors

Text with hexadecimal color #1af666

This text has a font color of #1af666.

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

#1af666 background color

This paragraph has a background color of #1af666.

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

#1af666 border color

This element has a border color of #1af666.

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

CSS codes

.text {color:#1af666;}

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

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

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

#011006
```
#011006 rgb(1,16,6)
```
#01230d
```
#01230d rgb(1,35,13)
```
#023614
```
#023614 rgb(2,54,20)
```
#03491b
```
#03491b rgb(3,73,27)
```
#045c22
```
#045c22 rgb(4,92,34)
```
#046f29
```
#046f29 rgb(4,111,41)
```
#058230
```
#058230 rgb(5,130,48)
```
#069437
```
#069437 rgb(6,148,55)
```
#07a73e
```
#07a73e rgb(7,167,62)
```
#07ba45
```
#07ba45 rgb(7,186,69)
```
#08cd4c
```
#08cd4c rgb(8,205,76)
```
#09e053
```
#09e053 rgb(9,224,83)
```
#0af35a
```
#0af35a rgb(10,243,90)
```

Shade Color Variation

#1af666
```
#1af666 rgb(26,246,102)
```
#2df773
```
#2df773 rgb(45,247,115)
```
#40f77f
```
#40f77f rgb(64,247,127)
```
#53f88c
```
#53f88c rgb(83,248,140)
```
#65f998
```
#65f998 rgb(101,249,152)
```
#78faa5
```
#78faa5 rgb(120,250,165)
```
#8bfab2
```
#8bfab2 rgb(139,250,178)
```
#9efbbe
```
#9efbbe rgb(158,251,190)
```
#b1fccb
```
#b1fccb rgb(177,252,203)
```
#c4fdd7
```
#c4fdd7 rgb(196,253,215)
```
#d7fde4
```
#d7fde4 rgb(215,253,228)
```
#eafef1
```
#eafef1 rgb(234,254,241)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#7f9185
```
#7f9185 rgb(127,145,133)
```
#769a82
```
#769a82 rgb(118,154,130)
```
#6ca47f
```
#6ca47f rgb(108,164,127)
```
#63ad7d
```
#63ad7d rgb(99,173,125)
```
#5ab67a
```
#5ab67a rgb(90,182,122)
```
#51bf77
```
#51bf77 rgb(81,191,119)
```
#48c874
```
#48c874 rgb(72,200,116)
```
#3fd171
```
#3fd171 rgb(63,209,113)
```
#35db6e
```
#35db6e rgb(53,219,110)
```
#2ce46c
```
#2ce46c rgb(44,228,108)
```
#23ed69
```
#23ed69 rgb(35,237,105)
```
#1af666
```
#1af666 rgb(26,246,102)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#88b498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed864 Protanopia 1% of men
#ffd091 Deuteranopia 1% of men
#74e8f8 Tritanopia 0.001% of the population

Trichromacy

#a1e365 Protanomaly 1% of men, 0.01% of women
#abdd81 Deuteranomaly 6% of men, 0.4% of women
#53edc3 Tritanomaly 0.01% of the population

#1af666 hex color

#1af666 Color Information

#1af666 Color Conversion

Color Schemes with #1af666

Alternatives to #1af666

#1af666 Preview

Shades and Tints of #1af666

Tones of #1af666

Color Blindness Simulator