#1af5f0 hex color

In a RGB color space, hex #1af5f0 is composed of 10.2% red, 96.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 0% magenta, 2% yellow and 3.9% black. It has a hue angle of 178.6 degrees, a saturation of 91.6% and a lightness of 53.1%. #1af5f0 color hex could be obtained by blending #34ffff with #00ebe1. Closest websafe color is: #33ffff.

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

● #1af5f0 color description : Vivid cyan.

The hexadecimal color #1af5f0 has RGB values of R:26, G:245, B:240 and CMYK values of C:0.89, M:0, Y:0.02, K:0.04. Its decimal value is 1766896.

Hex triplet	1af5f0	`#1af5f0`
RGB Decimal	26, 245, 240	`rgb(26,245,240)`
RGB Percent	10.2, 96.1, 94.1	`rgb(10.2%,96.1%,94.1%)`
CMYK	89, 0, 2, 4
HSL	178.6°, 91.6, 53.1	`hsl(178.6,91.6%,53.1%)`
HSV (or HSB)	178.6°, 89.4, 96.1
Web Safe	33ffff	`#33ffff`

CIE-LAB	87.877, -47.371, -11.151
XYZ	48.802, 71.811, 93.722
xyY	0.228, 0.335, 71.811
CIE-LCH	87.877, 48.666, 193.246
CIE-LUV	87.877, -67.531, -10.321
Hunter-Lab	84.741, -45.501, -6.255
Binary	00011010, 11110101, 11110000

#1af5f0
```
#1af5f0 rgb(26,245,240)
```
#f51a1f
```
#f51a1f rgb(245,26,31)
```

Complementary Color

#1af583
```
#1af583 rgb(26,245,131)
```
#1af5f0
```
#1af5f0 rgb(26,245,240)
```
#1a8df5
```
#1a8df5 rgb(26,141,245)
```

Analogous Color

#f5831a
```
#f5831a rgb(245,131,26)
```
#1af5f0
```
#1af5f0 rgb(26,245,240)
```
#f51a8d
```
#f51a8d rgb(245,26,141)
```

Split Complementary Color

#f5f01a
```
#f5f01a rgb(245,240,26)
```
#1af5f0
```
#1af5f0 rgb(26,245,240)
```
#f01af5
```
#f01af5 rgb(240,26,245)
```

Triadic Color

#1ff51a
```
#1ff51a rgb(31,245,26)
```
#1af5f0
```
#1af5f0 rgb(26,245,240)
```
#f01af5
```
#f01af5 rgb(240,26,245)
```
#f51a1f
```
#f51a1f rgb(245,26,31)
```

Tetradic Color

#08bab6
```
#08bab6 rgb(8,186,182)
```
#09d3ce
```
#09d3ce rgb(9,211,206)
```
#0aebe6
```
#0aebe6 rgb(10,235,230)
```
#1af5f0
```
#1af5f0 rgb(26,245,240)
```
#32f6f2
```
#32f6f2 rgb(50,246,242)
```
#4bf7f3
```
#4bf7f3 rgb(75,247,243)
```
#63f8f5
```
#63f8f5 rgb(99,248,245)
```

Monochromatic Color

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

#1af5b9
```
#1af5b9 rgb(26,245,185)
```
#1af5cc
```
#1af5cc rgb(26,245,204)
```
#1af5de
```
#1af5de rgb(26,245,222)
```
#1af5f0
```
#1af5f0 rgb(26,245,240)
```
#1ae8f5
```
#1ae8f5 rgb(26,232,245)
```
#1ad6f5
```
#1ad6f5 rgb(26,214,245)
```
#1ac3f5
```
#1ac3f5 rgb(26,195,245)
```

Similar Colors

Text with hexadecimal color #1af5f0

This text has a font color of #1af5f0.

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

#1af5f0 background color

This paragraph has a background color of #1af5f0.

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

#1af5f0 border color

This element has a border color of #1af5f0.

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

CSS codes

.text {color:#1af5f0;}

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

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

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

#010f0f
```
#010f0f rgb(1,15,15)
```
#012221
```
#012221 rgb(1,34,33)
```
#023534
```
#023534 rgb(2,53,52)
```
#034846
```
#034846 rgb(3,72,70)
```
#045b59
```
#045b59 rgb(4,91,89)
```
#056d6b
```
#056d6b rgb(5,109,107)
```
#06807d
```
#06807d rgb(6,128,125)
```
#069390
```
#069390 rgb(6,147,144)
```
#07a6a2
```
#07a6a2 rgb(7,166,162)
```
#08b8b4
```
#08b8b4 rgb(8,184,180)
```
#09cbc7
```
#09cbc7 rgb(9,203,199)
```
#0aded9
```
#0aded9 rgb(10,222,217)
```
#0bf1ec
```
#0bf1ec rgb(11,241,236)
```

Shade Color Variation

#1af5f0
```
#1af5f0 rgb(26,245,240)
```
#2df6f1
```
#2df6f1 rgb(45,246,241)
```
#40f7f2
```
#40f7f2 rgb(64,247,242)
```
#52f7f4
```
#52f7f4 rgb(82,247,244)
```
#65f8f5
```
#65f8f5 rgb(101,248,245)
```
#78f9f6
```
#78f9f6 rgb(120,249,246)
```
#8bfaf7
```
#8bfaf7 rgb(139,250,247)
```
#9efbf9
```
#9efbf9 rgb(158,251,249)
```
#b0fcfa
```
#b0fcfa rgb(176,252,250)
```
#c3fcfb
```
#c3fcfb rgb(195,252,251)
```
#d6fdfc
```
#d6fdfc rgb(214,253,252)
```
#e9fefe
```
#e9fefe rgb(233,254,254)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f9090 is the less saturated color, while #11fef9 is the most saturated one.

#7f9090
```
#7f9090 rgb(127,144,144)
```
#769998
```
#769998 rgb(118,153,152)
```
#6da2a1
```
#6da2a1 rgb(109,162,161)
```
#64abaa
```
#64abaa rgb(100,171,170)
```
#5ab5b3
```
#5ab5b3 rgb(90,181,179)
```
#51bebb
```
#51bebb rgb(81,190,187)
```
#48c7c4
```
#48c7c4 rgb(72,199,196)
```
#3fd0cd
```
#3fd0cd rgb(63,208,205)
```
#36d9d6
```
#36d9d6 rgb(54,217,214)
```
#2ce3de
```
#2ce3de rgb(44,227,222)
```
#23ece7
```
#23ece7 rgb(35,236,231)
```
#1af5f0
```
#1af5f0 rgb(26,245,240)
```
#11fef9
```
#11fef9 rgb(17,254,249)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#94c0bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0dce3 Protanopia 1% of men
#e4d8fb Deuteranopia 1% of men
#71efff Tritanopia 0.001% of the population

Trichromacy

#98e5e7 Protanomaly 1% of men, 0.01% of women
#9ae3f7 Deuteranomaly 6% of men, 0.4% of women
#51f1f9 Tritanomaly 0.01% of the population

#1af5f0 hex color

#1af5f0 Color Information

#1af5f0 Color Conversion

Color Schemes with #1af5f0

Alternatives to #1af5f0

#1af5f0 Preview

Shades and Tints of #1af5f0

Tones of #1af5f0

Color Blindness Simulator