#1af676 hex color

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

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

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

The hexadecimal color #1af676 has RGB values of R:26, G:246, B:118 and CMYK values of C:0.89, M:0, Y:0.52, K:0.04. Its decimal value is 1767030.

Hex triplet	1af676	`#1af676`
RGB Decimal	26, 246, 118	`rgb(26,246,118)`
RGB Percent	10.2, 96.5, 46.3	`rgb(10.2%,96.5%,46.3%)`
CMYK	89, 0, 52, 4
HSL	145.1°, 92.4, 53.3	`hsl(145.1,92.4%,53.3%)`
HSV (or HSB)	145.1°, 89.4, 96.5
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.723, -74.537, 47.865
XYZ	36.649, 67.435, 28.223
xyY	0.277, 0.51, 67.435
CIE-LCH	85.723, 88.582, 147.293
CIE-LUV	85.723, -76.263, 75.12
Hunter-Lab	82.119, -64.044, 37.106
Binary	00011010, 11110110, 01110110

#1af676
```
#1af676 rgb(26,246,118)
```
#f61a9a
```
#f61a9a rgb(246,26,154)
```

Complementary Color

#2cf61a
```
#2cf61a rgb(44,246,26)
```
#1af676
```
#1af676 rgb(26,246,118)
```
#1af6e4
```
#1af6e4 rgb(26,246,228)
```

Analogous Color

#f61a2c
```
#f61a2c rgb(246,26,44)
```
#1af676
```
#1af676 rgb(26,246,118)
```
#e41af6
```
#e41af6 rgb(228,26,246)
```

Split Complementary Color

#f6761a
```
#f6761a rgb(246,118,26)
```
#1af676
```
#1af676 rgb(26,246,118)
```
#761af6
```
#761af6 rgb(118,26,246)
```

Triadic Color

#9af61a
```
#9af61a rgb(154,246,26)
```
#1af676
```
#1af676 rgb(26,246,118)
```
#761af6
```
#761af6 rgb(118,26,246)
```
#f61a9a
```
#f61a9a rgb(246,26,154)
```

Tetradic Color

#07bc53
```
#07bc53 rgb(7,188,83)
```
#08d55e
```
#08d55e rgb(8,213,94)
```
#09ed69
```
#09ed69 rgb(9,237,105)
```
#1af676
```
#1af676 rgb(26,246,118)
```
#33f785
```
#33f785 rgb(51,247,133)
```
#4bf893
```
#4bf893 rgb(75,248,147)
```
#64f9a2
```
#64f9a2 rgb(100,249,162)
```

Monochromatic Color

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

#1af63f
```
#1af63f rgb(26,246,63)
```
#1af651
```
#1af651 rgb(26,246,81)
```
#1af664
```
#1af664 rgb(26,246,100)
```
#1af676
```
#1af676 rgb(26,246,118)
```
#1af688
```
#1af688 rgb(26,246,136)
```
#1af69b
```
#1af69b rgb(26,246,155)
```
#1af6ad
```
#1af6ad rgb(26,246,173)
```

Similar Colors

Text with hexadecimal color #1af676

This text has a font color of #1af676.

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

#1af676 background color

This paragraph has a background color of #1af676.

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

#1af676 border color

This element has a border color of #1af676.

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

CSS codes

.text {color:#1af676;}

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

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

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

#011007
```
#011007 rgb(1,16,7)
```
#012310
```
#012310 rgb(1,35,16)
```
#023618
```
#023618 rgb(2,54,24)
```
#034920
```
#034920 rgb(3,73,32)
```
#045c29
```
#045c29 rgb(4,92,41)
```
#046f31
```
#046f31 rgb(4,111,49)
```
#058239
```
#058239 rgb(5,130,57)
```
#069441
```
#069441 rgb(6,148,65)
```
#07a74a
```
#07a74a rgb(7,167,74)
```
#07ba52
```
#07ba52 rgb(7,186,82)
```
#08cd5a
```
#08cd5a rgb(8,205,90)
```
#09e063
```
#09e063 rgb(9,224,99)
```
#0af36b
```
#0af36b rgb(10,243,107)
```

Shade Color Variation

#1af676
```
#1af676 rgb(26,246,118)
```
#2df781
```
#2df781 rgb(45,247,129)
```
#40f78d
```
#40f78d rgb(64,247,141)
```
#53f898
```
#53f898 rgb(83,248,152)
```
#65f9a3
```
#65f9a3 rgb(101,249,163)
```
#78faae
```
#78faae rgb(120,250,174)
```
#8bfaba
```
#8bfaba rgb(139,250,186)
```
#9efbc5
```
#9efbc5 rgb(158,251,197)
```
#b1fcd0
```
#b1fcd0 rgb(177,252,208)
```
#c4fddc
```
#c4fddc rgb(196,253,220)
```
#d7fde7
```
#d7fde7 rgb(215,253,231)
```
#eafef2
```
#eafef2 rgb(234,254,242)
```
#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 #1af676 is the most saturated one.

#888888
```
#888888 rgb(136,136,136)
```
#7f9186
```
#7f9186 rgb(127,145,134)
```
#769a85
```
#769a85 rgb(118,154,133)
```
#6ca483
```
#6ca483 rgb(108,164,131)
```
#63ad82
```
#63ad82 rgb(99,173,130)
```
#5ab680
```
#5ab680 rgb(90,182,128)
```
#51bf7f
```
#51bf7f rgb(81,191,127)
```
#48c87d
```
#48c87d rgb(72,200,125)
```
#3fd17c
```
#3fd17c rgb(63,209,124)
```
#35db7a
```
#35db7a rgb(53,219,122)
```
#2ce479
```
#2ce479 rgb(44,228,121)
```
#23ed77
```
#23ed77 rgb(35,237,119)
```
#1af676
```
#1af676 rgb(26,246,118)
```

Tone Color Variation

Below, you can see how #1af676 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
#8ab69c Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed873 Protanopia 1% of men
#ffd097 Deuteranopia 1% of men
#72e8f9 Tritanopia 0.001% of the population

Trichromacy

#a0e374 Protanomaly 1% of men, 0.01% of women
#abde8b Deuteranomaly 6% of men, 0.4% of women
#52edc9 Tritanomaly 0.01% of the population

#1af676 hex color

#1af676 Color Information

#1af676 Color Conversion

Color Schemes with #1af676

Alternatives to #1af676

#1af676 Preview

Shades and Tints of #1af676

Tones of #1af676

Color Blindness Simulator