#1afbf5 hex color

In a RGB color space, hex #1afbf5 is composed of 10.2% red, 98.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 0% magenta, 2.4% yellow and 1.6% black. It has a hue angle of 178.4 degrees, a saturation of 96.6% and a lightness of 54.3%. #1afbf5 color hex could be obtained by blending #34ffff with #00f7eb. Closest websafe color is: #33ffff.

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

● #1afbf5 color description : Vivid cyan.

The hexadecimal color #1afbf5 has RGB values of R:26, G:251, B:245 and CMYK values of C:0.9, M:0, Y:0.02, K:0.02. Its decimal value is 1768437.

Hex triplet	1afbf5	`#1afbf5`
RGB Decimal	26, 251, 245	`rgb(26,251,245)`
RGB Percent	10.2, 98.4, 96.1	`rgb(10.2%,98.4%,96.1%)`
CMYK	90, 0, 2, 2
HSL	178.4°, 96.6, 54.3	`hsl(178.4,96.6%,54.3%)`
HSV (or HSB)	178.4°, 89.6, 98.4
Web Safe	33ffff	`#33ffff`

CIE-LAB	89.767, -48.534, -10.943
XYZ	51.399, 75.801, 98.303
xyY	0.228, 0.336, 75.801
CIE-LCH	89.767, 49.753, 192.707
CIE-LUV	89.767, -69.125, -9.822
Hunter-Lab	87.064, -46.982, -5.999
Binary	00011010, 11111011, 11110101

#1afbf5
```
#1afbf5 rgb(26,251,245)
```
#fb1a20
```
#fb1a20 rgb(251,26,32)
```

Complementary Color

#1afb85
```
#1afb85 rgb(26,251,133)
```
#1afbf5
```
#1afbf5 rgb(26,251,245)
```
#1a91fb
```
#1a91fb rgb(26,145,251)
```

Analogous Color

#fb851a
```
#fb851a rgb(251,133,26)
```
#1afbf5
```
#1afbf5 rgb(26,251,245)
```
#fb1a91
```
#fb1a91 rgb(251,26,145)
```

Split Complementary Color

#fbf51a
```
#fbf51a rgb(251,245,26)
```
#1afbf5
```
#1afbf5 rgb(26,251,245)
```
#f51afb
```
#f51afb rgb(245,26,251)
```

Triadic Color

#20fb1a
```
#20fb1a rgb(32,251,26)
```
#1afbf5
```
#1afbf5 rgb(26,251,245)
```
#f51afb
```
#f51afb rgb(245,26,251)
```
#fb1a20
```
#fb1a20 rgb(251,26,32)
```

Tetradic Color

#03c5c0
```
#03c5c0 rgb(3,197,192)
```
#04ded8
```
#04ded8 rgb(4,222,216)
```
#04f7f1
```
#04f7f1 rgb(4,247,241)
```
#1afbf5
```
#1afbf5 rgb(26,251,245)
```
#33fbf6
```
#33fbf6 rgb(51,251,246)
```
#4cfcf7
```
#4cfcf7 rgb(76,252,247)
```
#65fcf8
```
#65fcf8 rgb(101,252,248)
```

Monochromatic Color

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

#1afbbd
```
#1afbbd rgb(26,251,189)
```
#1afbd0
```
#1afbd0 rgb(26,251,208)
```
#1afbe2
```
#1afbe2 rgb(26,251,226)
```
#1afbf5
```
#1afbf5 rgb(26,251,245)
```
#1aeefb
```
#1aeefb rgb(26,238,251)
```
#1adcfb
```
#1adcfb rgb(26,220,251)
```
#1ac9fb
```
#1ac9fb rgb(26,201,251)
```

Similar Colors

Text with hexadecimal color #1afbf5

This text has a font color of #1afbf5.

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

#1afbf5 background color

This paragraph has a background color of #1afbf5.

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

#1afbf5 border color

This element has a border color of #1afbf5.

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

CSS codes

.text {color:#1afbf5;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001615
```
#001615 rgb(0,22,21)
```
#012928
```
#012928 rgb(1,41,40)
```
#013c3b
```
#013c3b rgb(1,60,59)
```
#014f4d
```
#014f4d rgb(1,79,77)
```
#026360
```
#026360 rgb(2,99,96)
```
#027673
```
#027673 rgb(2,118,115)
```
#028986
```
#028986 rgb(2,137,134)
```
#039d98
```
#039d98 rgb(3,157,152)
```
#03b0ab
```
#03b0ab rgb(3,176,171)
```
#03c3be
```
#03c3be rgb(3,195,190)
```
#04d6d1
```
#04d6d1 rgb(4,214,209)
```
#04eae4
```
#04eae4 rgb(4,234,228)
```

Shade Color Variation

#07fbf4
```
#07fbf4 rgb(7,251,244)
```
#1afbf5
```
#1afbf5 rgb(26,251,245)
```
#2dfbf6
```
#2dfbf6 rgb(45,251,246)
```
#41fcf7
```
#41fcf7 rgb(65,252,247)
```
#54fcf8
```
#54fcf8 rgb(84,252,248)
```
#67fcf8
```
#67fcf8 rgb(103,252,248)
```
#7afdf9
```
#7afdf9 rgb(122,253,249)
```
#8efdfa
```
#8efdfa rgb(142,253,250)
```
#a1fdfb
```
#a1fdfb rgb(161,253,251)
```
#b4fefc
```
#b4fefc rgb(180,254,252)
```
#c8fefd
```
#c8fefd rgb(200,254,253)
```
#dbfefd
```
#dbfefd rgb(219,254,253)
```
#eefffe
```
#eefffe rgb(238,255,254)
```

Tint Color Variation

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

#868f8f
```
#868f8f rgb(134,143,143)
```
#7d9898
```
#7d9898 rgb(125,152,152)
```
#74a1a0
```
#74a1a0 rgb(116,161,160)
```
#6baaa9
```
#6baaa9 rgb(107,170,169)
```
#62b3b1
```
#62b3b1 rgb(98,179,177)
```
#59bcba
```
#59bcba rgb(89,188,186)
```
#50c5c2
```
#50c5c2 rgb(80,197,194)
```
#47cecb
```
#47cecb rgb(71,206,203)
```
#3ed7d3
```
#3ed7d3 rgb(62,215,211)
```
#35e0dc
```
#35e0dc rgb(53,224,220)
```
#2ce9e4
```
#2ce9e4 rgb(44,233,228)
```
#23f2ed
```
#23f2ed rgb(35,242,237)
```
#1afbf5
```
#1afbf5 rgb(26,251,245)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#98c5c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e2e7 Protanopia 1% of men
#e9deff Deuteranopia 1% of men
#92f1ff Tritanopia 0.001% of the population

Trichromacy

#9bebec Protanomaly 1% of men, 0.01% of women
#9ee8fb Deuteranomaly 6% of men, 0.4% of women
#66f5fb Tritanomaly 0.01% of the population

#1afbf5 hex color

#1afbf5 Color Information

#1afbf5 Color Conversion

Color Schemes with #1afbf5

Alternatives to #1afbf5

#1afbf5 Preview

Shades and Tints of #1afbf5

Tones of #1afbf5

Color Blindness Simulator