#1afed9 hex color

In a RGB color space, hex #1afed9 is composed of 10.2% red, 99.6% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 0% magenta, 14.6% yellow and 0.4% black. It has a hue angle of 170.3 degrees, a saturation of 99.1% and a lightness of 54.9%. #1afed9 color hex could be obtained by blending #34ffff with #00fdb3. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 10
- G 100
- B 85
RGB color chart
- C 90
- M 0
- Y 15
- K 0
CMYK color chart

● #1afed9 color description : Vivid cyan.

The hexadecimal color #1afed9 has RGB values of R:26, G:254, B:217 and CMYK values of C:0.9, M:0, Y:0.15, K:0. Its decimal value is 1769177.

Hex triplet	1afed9	`#1afed9`
RGB Decimal	26, 254, 217	`rgb(26,254,217)`
RGB Percent	10.2, 99.6, 85.1	`rgb(10.2%,99.6%,85.1%)`
CMYK	90, 0, 15, 0
HSL	170.3°, 99.1, 54.9	`hsl(170.3,99.1%,54.9%)`
HSV (or HSB)	170.3°, 89.8, 99.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.909, -57.265, 3.815
XYZ	48.388, 76.108, 77.782
xyY	0.239, 0.376, 76.108
CIE-LCH	89.909, 57.392, 176.188
CIE-LUV	89.909, -72.3, 15.08
Hunter-Lab	87.24, -53.665, 8.206
Binary	00011010, 11111110, 11011001

#1afed9
```
#1afed9 rgb(26,254,217)
```
#fe1a3f
```
#fe1a3f rgb(254,26,63)
```

Complementary Color

#1afe67
```
#1afe67 rgb(26,254,103)
```
#1afed9
```
#1afed9 rgb(26,254,217)
```
#1ab1fe
```
#1ab1fe rgb(26,177,254)
```

Analogous Color

#fe671a
```
#fe671a rgb(254,103,26)
```
#1afed9
```
#1afed9 rgb(26,254,217)
```
#fe1ab1
```
#fe1ab1 rgb(254,26,177)
```

Split Complementary Color

#fed91a
```
#fed91a rgb(254,217,26)
```
#1afed9
```
#1afed9 rgb(26,254,217)
```
#d91afe
```
#d91afe rgb(217,26,254)
```

Triadic Color

#3ffe1a
```
#3ffe1a rgb(63,254,26)
```
#1afed9
```
#1afed9 rgb(26,254,217)
```
#d91afe
```
#d91afe rgb(217,26,254)
```
#fe1a3f
```
#fe1a3f rgb(254,26,63)
```

Tetradic Color

#01cbaa
```
#01cbaa rgb(1,203,170)
```
#01e4bf
```
#01e4bf rgb(1,228,191)
```
#01fdd4
```
#01fdd4 rgb(1,253,212)
```
#1afed9
```
#1afed9 rgb(26,254,217)
```
#33fedd
```
#33fedd rgb(51,254,221)
```
#4dfee1
```
#4dfee1 rgb(77,254,225)
```
#66fee6
```
#66fee6 rgb(102,254,230)
```

Monochromatic Color

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

#1afea0
```
#1afea0 rgb(26,254,160)
```
#1afeb3
```
#1afeb3 rgb(26,254,179)
```
#1afec6
```
#1afec6 rgb(26,254,198)
```
#1afed9
```
#1afed9 rgb(26,254,217)
```
#1afeec
```
#1afeec rgb(26,254,236)
```
#1afdfe
```
#1afdfe rgb(26,253,254)
```
#1aeafe
```
#1aeafe rgb(26,234,254)
```

Similar Colors

Text with hexadecimal color #1afed9

This text has a font color of #1afed9.

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

#1afed9 background color

This paragraph has a background color of #1afed9.

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

#1afed9 border color

This element has a border color of #1afed9.

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

CSS codes

.text {color:#1afed9;}

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

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

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

#000504
```
#000504 rgb(0,5,4)
```
#001915
```
#001915 rgb(0,25,21)
```
#002c25
```
#002c25 rgb(0,44,37)
```
#004036
```
#004036 rgb(0,64,54)
```
#005346
```
#005346 rgb(0,83,70)
```
#006756
```
#006756 rgb(0,103,86)
```
#017b67
```
#017b67 rgb(1,123,103)
```
#018e77
```
#018e77 rgb(1,142,119)
```
#01a287
```
#01a287 rgb(1,162,135)
```
#01b598
```
#01b598 rgb(1,181,152)
```
#01c9a8
```
#01c9a8 rgb(1,201,168)
```
#01dcb9
```
#01dcb9 rgb(1,220,185)
```
#01f0c9
```
#01f0c9 rgb(1,240,201)
```

Shade Color Variation

#06fed6
```
#06fed6 rgb(6,254,214)
```
#1afed9
```
#1afed9 rgb(26,254,217)
```
#2efedc
```
#2efedc rgb(46,254,220)
```
#41fedf
```
#41fedf rgb(65,254,223)
```
#55fee3
```
#55fee3 rgb(85,254,227)
```
#68fee6
```
#68fee6 rgb(104,254,230)
```
#7cfee9
```
#7cfee9 rgb(124,254,233)
```
#8fffec
```
#8fffec rgb(143,255,236)
```
#a3fff0
```
#a3fff0 rgb(163,255,240)
```
#b6fff3
```
#b6fff3 rgb(182,255,243)
```
#cafff6
```
#cafff6 rgb(202,255,246)
```
#ddfff9
```
#ddfff9 rgb(221,255,249)
```
#f1fffd
```
#f1fffd rgb(241,255,253)
```

Tint Color Variation

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

#849491
```
#849491 rgb(132,148,145)
```
#7b9d97
```
#7b9d97 rgb(123,157,151)
```
#72a69d
```
#72a69d rgb(114,166,157)
```
#6aaea3
```
#6aaea3 rgb(106,174,163)
```
#61b7a9
```
#61b7a9 rgb(97,183,169)
```
#58c0af
```
#58c0af rgb(88,192,175)
```
#4fc9b5
```
#4fc9b5 rgb(79,201,181)
```
#46d2bb
```
#46d2bb rgb(70,210,187)
```
#3ddbc1
```
#3ddbc1 rgb(61,219,193)
```
#35e3c7
```
#35e3c7 rgb(53,227,199)
```
#2ceccd
```
#2ceccd rgb(44,236,205)
```
#23f5d3
```
#23f5d3 rgb(35,245,211)
```
#1afed9
```
#1afed9 rgb(26,254,217)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#97c4bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece2cd Protanopia 1% of men
#f6dde6 Deuteranopia 1% of men
#96f1ff Tritanopia 0.001% of the population

Trichromacy

#a0ecd1 Protanomaly 1% of men, 0.01% of women
#a6e9e1 Deuteranomaly 6% of men, 0.4% of women
#69f6f1 Tritanomaly 0.01% of the population

#1afed9 hex color

#1afed9 Color Information

#1afed9 Color Conversion

Color Schemes with #1afed9

Alternatives to #1afed9

#1afed9 Preview

Shades and Tints of #1afed9

Tones of #1afed9

Color Blindness Simulator