#1afdd4 hex color

In a RGB color space, hex #1afdd4 is composed of 10.2% red, 99.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 0% magenta, 16.2% yellow and 0.8% black. It has a hue angle of 169.2 degrees, a saturation of 98.3% and a lightness of 54.7%. #1afdd4 color hex could be obtained by blending #34ffff with #00fba9. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 10
- G 99
- B 83
RGB color chart
- C 90
- M 0
- Y 16
- K 1
CMYK color chart

● #1afdd4 color description : Vivid cyan.

The hexadecimal color #1afdd4 has RGB values of R:26, G:253, B:212 and CMYK values of C:0.9, M:0, Y:0.16, K:0.01. Its decimal value is 1768916.

Hex triplet	1afdd4	`#1afdd4`
RGB Decimal	26, 253, 212	`rgb(26,253,212)`
RGB Percent	10.2, 99.2, 83.1	`rgb(10.2%,99.2%,83.1%)`
CMYK	90, 0, 16, 1
HSL	169.2°, 98.3, 54.7	`hsl(169.2,98.3%,54.7%)`
HSV (or HSB)	169.2°, 89.7, 99.2
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89.495, -58.13, 5.808
XYZ	47.431, 75.219, 74.303
xyY	0.241, 0.382, 75.219
CIE-LCH	89.495, 58.419, 174.294
CIE-LUV	89.495, -72.354, 18.254
Hunter-Lab	86.729, -54.156, 9.915
Binary	00011010, 11111101, 11010100

#1afdd4
```
#1afdd4 rgb(26,253,212)
```
#fd1a43
```
#fd1a43 rgb(253,26,67)
```

Complementary Color

#1afd63
```
#1afd63 rgb(26,253,99)
```
#1afdd4
```
#1afdd4 rgb(26,253,212)
```
#1ab5fd
```
#1ab5fd rgb(26,181,253)
```

Analogous Color

#fd631a
```
#fd631a rgb(253,99,26)
```
#1afdd4
```
#1afdd4 rgb(26,253,212)
```
#fd1ab5
```
#fd1ab5 rgb(253,26,181)
```

Split Complementary Color

#fdd41a
```
#fdd41a rgb(253,212,26)
```
#1afdd4
```
#1afdd4 rgb(26,253,212)
```
#d41afd
```
#d41afd rgb(212,26,253)
```

Triadic Color

#43fd1a
```
#43fd1a rgb(67,253,26)
```
#1afdd4
```
#1afdd4 rgb(26,253,212)
```
#d41afd
```
#d41afd rgb(212,26,253)
```
#fd1a43
```
#fd1a43 rgb(253,26,67)
```

Tetradic Color

#02c9a5
```
#02c9a5 rgb(2,201,165)
```
#02e2ba
```
#02e2ba rgb(2,226,186)
```
#02fbce
```
#02fbce rgb(2,251,206)
```
#1afdd4
```
#1afdd4 rgb(26,253,212)
```
#33fdd9
```
#33fdd9 rgb(51,253,217)
```
#4dfddd
```
#4dfddd rgb(77,253,221)
```
#66fee2
```
#66fee2 rgb(102,254,226)
```

Monochromatic Color

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

#1afd9b
```
#1afd9b rgb(26,253,155)
```
#1afdae
```
#1afdae rgb(26,253,174)
```
#1afdc1
```
#1afdc1 rgb(26,253,193)
```
#1afdd4
```
#1afdd4 rgb(26,253,212)
```
#1afde7
```
#1afde7 rgb(26,253,231)
```
#1afdfa
```
#1afdfa rgb(26,253,250)
```
#1aedfd
```
#1aedfd rgb(26,237,253)
```

Similar Colors

Text with hexadecimal color #1afdd4

This text has a font color of #1afdd4.

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

#1afdd4 background color

This paragraph has a background color of #1afdd4.

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

#1afdd4 border color

This element has a border color of #1afdd4.

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

CSS codes

.text {color:#1afdd4;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#001814
```
#001814 rgb(0,24,20)
```
#002b23
```
#002b23 rgb(0,43,35)
```
#013f33
```
#013f33 rgb(1,63,51)
```
#015243
```
#015243 rgb(1,82,67)
```
#016653
```
#016653 rgb(1,102,83)
```
#017963
```
#017963 rgb(1,121,99)
```
#018c73
```
#018c73 rgb(1,140,115)
```
#01a083
```
#01a083 rgb(1,160,131)
```
#02b393
```
#02b393 rgb(2,179,147)
```
#02c7a3
```
#02c7a3 rgb(2,199,163)
```
#02dab3
```
#02dab3 rgb(2,218,179)
```
#02eec3
```
#02eec3 rgb(2,238,195)
```

Shade Color Variation

#07fdd0
```
#07fdd0 rgb(7,253,208)
```
#1afdd4
```
#1afdd4 rgb(26,253,212)
```
#2dfdd8
```
#2dfdd8 rgb(45,253,216)
```
#41fddb
```
#41fddb rgb(65,253,219)
```
#54fedf
```
#54fedf rgb(84,254,223)
```
#68fee3
```
#68fee3 rgb(104,254,227)
```
#7bfee6
```
#7bfee6 rgb(123,254,230)
```
#8ffeea
```
#8ffeea rgb(143,254,234)
```
#a2feee
```
#a2feee rgb(162,254,238)
```
#b6fef1
```
#b6fef1 rgb(182,254,241)
```
#c9fff5
```
#c9fff5 rgb(201,255,245)
```
#dcfff9
```
#dcfff9 rgb(220,255,249)
```
#f0fffc
```
#f0fffc rgb(240,255,252)
```

Tint Color Variation

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

#859290
```
#859290 rgb(133,146,144)
```
#7c9b96
```
#7c9b96 rgb(124,155,150)
```
#73a49b
```
#73a49b rgb(115,164,155)
```
#6aada1
```
#6aada1 rgb(106,173,161)
```
#61b6a7
```
#61b6a7 rgb(97,182,167)
```
#58bfac
```
#58bfac rgb(88,191,172)
```
#4fc8b2
```
#4fc8b2 rgb(79,200,178)
```
#46d1b8
```
#46d1b8 rgb(70,209,184)
```
#3ed9bd
```
#3ed9bd rgb(62,217,189)
```
#35e2c3
```
#35e2c3 rgb(53,226,195)
```
#2cebc9
```
#2cebc9 rgb(44,235,201)
```
#23f4ce
```
#23f4ce rgb(35,244,206)
```
#1afdd4
```
#1afdd4 rgb(26,253,212)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#95c3ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece1c8 Protanopia 1% of men
#f7dbe2 Deuteranopia 1% of men
#90f1ff Tritanopia 0.001% of the population

Trichromacy

#9febcc Protanomaly 1% of men, 0.01% of women
#a6e7dc Deuteranomaly 6% of men, 0.4% of women
#65f5ef Tritanomaly 0.01% of the population

#1afdd4 hex color

#1afdd4 Color Information

#1afdd4 Color Conversion

Color Schemes with #1afdd4

Alternatives to #1afdd4

#1afdd4 Preview

Shades and Tints of #1afdd4

Tones of #1afdd4

Color Blindness Simulator