#1af6d4 hex color

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

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

● #1af6d4 color description : Vivid cyan.

The hexadecimal color #1af6d4 has RGB values of R:26, G:246, B:212 and CMYK values of C:0.89, M:0, Y:0.14, K:0.04. Its decimal value is 1767124.

Hex triplet	1af6d4	`#1af6d4`
RGB Decimal	26, 246, 212	`rgb(26,246,212)`
RGB Percent	10.2, 96.5, 83.1	`rgb(10.2%,96.5%,83.1%)`
CMYK	89, 0, 14, 4
HSL	170.7°, 92.4, 53.3	`hsl(170.7,92.4%,53.3%)`
HSV (or HSB)	170.7°, 89.4, 96.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.427, -55.354, 2.814
XYZ	45.261, 70.88, 73.579
xyY	0.239, 0.374, 70.88
CIE-LCH	87.427, 55.426, 177.089
CIE-LUV	87.427, -70.05, 13.174
Hunter-Lab	84.19, -51.37, 7.116
Binary	00011010, 11110110, 11010100

#1af6d4
```
#1af6d4 rgb(26,246,212)
```
#f61a3c
```
#f61a3c rgb(246,26,60)
```

Complementary Color

#1af666
```
#1af666 rgb(26,246,102)
```
#1af6d4
```
#1af6d4 rgb(26,246,212)
```
#1aaaf6
```
#1aaaf6 rgb(26,170,246)
```

Analogous Color

#f6661a
```
#f6661a rgb(246,102,26)
```
#1af6d4
```
#1af6d4 rgb(26,246,212)
```
#f61aaa
```
#f61aaa rgb(246,26,170)
```

Split Complementary Color

#f6d41a
```
#f6d41a rgb(246,212,26)
```
#1af6d4
```
#1af6d4 rgb(26,246,212)
```
#d41af6
```
#d41af6 rgb(212,26,246)
```

Triadic Color

#3cf61a
```
#3cf61a rgb(60,246,26)
```
#1af6d4
```
#1af6d4 rgb(26,246,212)
```
#d41af6
```
#d41af6 rgb(212,26,246)
```
#f61a3c
```
#f61a3c rgb(246,26,60)
```

Tetradic Color

#07bca0
```
#07bca0 rgb(7,188,160)
```
#08d5b5
```
#08d5b5 rgb(8,213,181)
```
#09edca
```
#09edca rgb(9,237,202)
```
#1af6d4
```
#1af6d4 rgb(26,246,212)
```
#33f7d9
```
#33f7d9 rgb(51,247,217)
```
#4bf8dd
```
#4bf8dd rgb(75,248,221)
```
#64f9e2
```
#64f9e2 rgb(100,249,226)
```

Monochromatic Color

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

#1af69d
```
#1af69d rgb(26,246,157)
```
#1af6af
```
#1af6af rgb(26,246,175)
```
#1af6c2
```
#1af6c2 rgb(26,246,194)
```
#1af6d4
```
#1af6d4 rgb(26,246,212)
```
#1af6e6
```
#1af6e6 rgb(26,246,230)
```
#1af3f6
```
#1af3f6 rgb(26,243,246)
```
#1ae1f6
```
#1ae1f6 rgb(26,225,246)
```

Similar Colors

Text with hexadecimal color #1af6d4

This text has a font color of #1af6d4.

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

#1af6d4 background color

This paragraph has a background color of #1af6d4.

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

#1af6d4 border color

This element has a border color of #1af6d4.

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

CSS codes

.text {color:#1af6d4;}

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

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

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)
```
#045c4e
```
#045c4e rgb(4,92,78)
```
#046f5e
```
#046f5e rgb(4,111,94)
```
#05826e
```
#05826e rgb(5,130,110)
```
#06947e
```
#06947e rgb(6,148,126)
```
#07a78f
```
#07a78f rgb(7,167,143)
```
#07ba9f
```
#07ba9f rgb(7,186,159)
```
#08cdaf
```
#08cdaf rgb(8,205,175)
```
#09e0bf
```
#09e0bf rgb(9,224,191)
```
#0af3cf
```
#0af3cf rgb(10,243,207)
```

Shade Color Variation

#1af6d4
```
#1af6d4 rgb(26,246,212)
```
#2df7d8
```
#2df7d8 rgb(45,247,216)
```
#40f7db
```
#40f7db rgb(64,247,219)
```
#53f8df
```
#53f8df rgb(83,248,223)
```
#65f9e2
```
#65f9e2 rgb(101,249,226)
```
#78fae6
```
#78fae6 rgb(120,250,230)
```
#8bfae9
```
#8bfae9 rgb(139,250,233)
```
#9efbed
```
#9efbed rgb(158,251,237)
```
#b1fcf0
```
#b1fcf0 rgb(177,252,240)
```
#c4fdf4
```
#c4fdf4 rgb(196,253,244)
```
#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 #1af6d4 is the most saturated one.

#888888
```
#888888 rgb(136,136,136)
```
#7f918e
```
#7f918e rgb(127,145,142)
```
#769a95
```
#769a95 rgb(118,154,149)
```
#6ca49b
```
#6ca49b rgb(108,164,155)
```
#63ada1
```
#63ada1 rgb(99,173,161)
```
#5ab6a8
```
#5ab6a8 rgb(90,182,168)
```
#51bfae
```
#51bfae rgb(81,191,174)
```
#48c8b4
```
#48c8b4 rgb(72,200,180)
```
#3fd1bb
```
#3fd1bb rgb(63,209,187)
```
#35dbc1
```
#35dbc1 rgb(53,219,193)
```
#2ce4c7
```
#2ce4c7 rgb(44,228,199)
```
#23edce
```
#23edce rgb(35,237,206)
```
#1af6d4
```
#1af6d4 rgb(26,246,212)
```

Tone Color Variation

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

#e5dcc9 Protanopia 1% of men
#efd6e1 Deuteranopia 1% of men
#6beeff Tritanopia 0.001% of the population

Trichromacy

#9be5cd Protanomaly 1% of men, 0.01% of women
#a1e2dc Deuteranomaly 6% of men, 0.4% of women
#4df1ef Tritanomaly 0.01% of the population

#1af6d4 hex color

#1af6d4 Color Information

#1af6d4 Color Conversion

Color Schemes with #1af6d4

Alternatives to #1af6d4

#1af6d4 Preview

Shades and Tints of #1af6d4

Tones of #1af6d4

Color Blindness Simulator