#1af6d2 hex color

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

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

● #1af6d2 color description : Vivid cyan.

The hexadecimal color #1af6d2 has RGB values of R:26, G:246, B:210 and CMYK values of C:0.89, M:0, Y:0.15, K:0.04. Its decimal value is 1767122.

Hex triplet	1af6d2	`#1af6d2`
RGB Decimal	26, 246, 210	`rgb(26,246,210)`
RGB Percent	10.2, 96.5, 82.4	`rgb(10.2%,96.5%,82.4%)`
CMYK	89, 0, 15, 4
HSL	170.2°, 92.4, 53.3	`hsl(170.2,92.4%,53.3%)`
HSV (or HSB)	170.2°, 89.4, 96.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.378, -55.866, 3.787
XYZ	45.01, 70.78, 72.259
xyY	0.239, 0.376, 70.78
CIE-LCH	87.378, 55.994, 176.122
CIE-LUV	87.378, -70.203, 14.747
Hunter-Lab	84.131, -51.73, 7.968
Binary	00011010, 11110110, 11010010

#1af6d2
```
#1af6d2 rgb(26,246,210)
```
#f61a3e
```
#f61a3e rgb(246,26,62)
```

Complementary Color

#1af664
```
#1af664 rgb(26,246,100)
```
#1af6d2
```
#1af6d2 rgb(26,246,210)
```
#1aacf6
```
#1aacf6 rgb(26,172,246)
```

Analogous Color

#f6641a
```
#f6641a rgb(246,100,26)
```
#1af6d2
```
#1af6d2 rgb(26,246,210)
```
#f61aac
```
#f61aac rgb(246,26,172)
```

Split Complementary Color

#f6d21a
```
#f6d21a rgb(246,210,26)
```
#1af6d2
```
#1af6d2 rgb(26,246,210)
```
#d21af6
```
#d21af6 rgb(210,26,246)
```

Triadic Color

#3ef61a
```
#3ef61a rgb(62,246,26)
```
#1af6d2
```
#1af6d2 rgb(26,246,210)
```
#d21af6
```
#d21af6 rgb(210,26,246)
```
#f61a3e
```
#f61a3e rgb(246,26,62)
```

Tetradic Color

#07bc9f
```
#07bc9f rgb(7,188,159)
```
#08d5b3
```
#08d5b3 rgb(8,213,179)
```
#09edc8
```
#09edc8 rgb(9,237,200)
```
#1af6d2
```
#1af6d2 rgb(26,246,210)
```
#33f7d7
```
#33f7d7 rgb(51,247,215)
```
#4bf8dc
```
#4bf8dc rgb(75,248,220)
```
#64f9e0
```
#64f9e0 rgb(100,249,224)
```

Monochromatic Color

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

#1af69b
```
#1af69b rgb(26,246,155)
```
#1af6ad
```
#1af6ad rgb(26,246,173)
```
#1af6c0
```
#1af6c0 rgb(26,246,192)
```
#1af6d2
```
#1af6d2 rgb(26,246,210)
```
#1af6e4
```
#1af6e4 rgb(26,246,228)
```
#1af5f6
```
#1af5f6 rgb(26,245,246)
```
#1ae3f6
```
#1ae3f6 rgb(26,227,246)
```

Similar Colors

Text with hexadecimal color #1af6d2

This text has a font color of #1af6d2.

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

#1af6d2 background color

This paragraph has a background color of #1af6d2.

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

#1af6d2 border color

This element has a border color of #1af6d2.

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

CSS codes

.text {color:#1af6d2;}

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

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

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, #01100e is the darkest color, while #fcffff is the lightest one.

#01100e
```
#01100e rgb(1,16,14)
```
#01231e
```
#01231e rgb(1,35,30)
```
#02362e
```
#02362e rgb(2,54,46)
```
#03493e
```
#03493e rgb(3,73,62)
```
#045c4d
```
#045c4d rgb(4,92,77)
```
#046f5d
```
#046f5d rgb(4,111,93)
```
#05826d
```
#05826d rgb(5,130,109)
```
#06947d
```
#06947d rgb(6,148,125)
```
#07a78d
```
#07a78d rgb(7,167,141)
```
#07ba9d
```
#07ba9d rgb(7,186,157)
```
#08cdad
```
#08cdad rgb(8,205,173)
```
#09e0bd
```
#09e0bd rgb(9,224,189)
```
#0af3cd
```
#0af3cd rgb(10,243,205)
```

Shade Color Variation

#1af6d2
```
#1af6d2 rgb(26,246,210)
```
#2df7d6
```
#2df7d6 rgb(45,247,214)
```
#40f7d9
```
#40f7d9 rgb(64,247,217)
```
#53f8dd
```
#53f8dd rgb(83,248,221)
```
#65f9e1
```
#65f9e1 rgb(101,249,225)
```
#78fae5
```
#78fae5 rgb(120,250,229)
```
#8bfae8
```
#8bfae8 rgb(139,250,232)
```
#9efbec
```
#9efbec rgb(158,251,236)
```
#b1fcf0
```
#b1fcf0 rgb(177,252,240)
```
#c4fdf3
```
#c4fdf3 rgb(196,253,243)
```
#d7fdf7
```
#d7fdf7 rgb(215,253,247)
```
#eafefb
```
#eafefb rgb(234,254,251)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#7f918e
```
#7f918e rgb(127,145,142)
```
#769a94
```
#769a94 rgb(118,154,148)
```
#6ca49b
```
#6ca49b rgb(108,164,155)
```
#63ada1
```
#63ada1 rgb(99,173,161)
```
#5ab6a7
```
#5ab6a7 rgb(90,182,167)
```
#51bfad
```
#51bfad rgb(81,191,173)
```
#48c8b3
```
#48c8b3 rgb(72,200,179)
```
#3fd1b9
```
#3fd1b9 rgb(63,209,185)
```
#35dbc0
```
#35dbc0 rgb(53,219,192)
```
#2ce4c6
```
#2ce4c6 rgb(44,228,198)
```
#23edcc
```
#23edcc rgb(35,237,204)
```
#1af6d2
```
#1af6d2 rgb(26,246,210)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#92beb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5dcc7 Protanopia 1% of men
#efd6df Deuteranopia 1% of men
#6aeeff Tritanopia 0.001% of the population

Trichromacy

#9be5cb Protanomaly 1% of men, 0.01% of women
#a1e1da Deuteranomaly 6% of men, 0.4% of women
#4df1ee Tritanomaly 0.01% of the population

#1af6d2 hex color

#1af6d2 Color Information

#1af6d2 Color Conversion

Color Schemes with #1af6d2

Alternatives to #1af6d2

#1af6d2 Preview

Shades and Tints of #1af6d2

Tones of #1af6d2

Color Blindness Simulator