#1afbf4 hex color

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

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

● #1afbf4 color description : Vivid cyan.

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

Hex triplet	1afbf4	`#1afbf4`
RGB Decimal	26, 251, 244	`rgb(26,251,244)`
RGB Percent	10.2, 98.4, 95.7	`rgb(10.2%,98.4%,95.7%)`
CMYK	90, 0, 3, 2
HSL	178.1°, 96.6, 54.3	`hsl(178.1,96.6%,54.3%)`
HSV (or HSB)	178.1°, 89.6, 98.4
Web Safe	33ffff	`#33ffff`

CIE-LAB	89.739, -48.815, -10.465
XYZ	51.247, 75.74, 97.501
xyY	0.228, 0.337, 75.74
CIE-LCH	89.739, 49.924, 192.1
CIE-LUV	89.739, -69.204, -8.993
Hunter-Lab	87.029, -47.191, -5.504
Binary	00011010, 11111011, 11110100

#1afbf4
```
#1afbf4 rgb(26,251,244)
```
#fb1a21
```
#fb1a21 rgb(251,26,33)
```

Complementary Color

#1afb84
```
#1afb84 rgb(26,251,132)
```
#1afbf4
```
#1afbf4 rgb(26,251,244)
```
#1a92fb
```
#1a92fb rgb(26,146,251)
```

Analogous Color

#fb841a
```
#fb841a rgb(251,132,26)
```
#1afbf4
```
#1afbf4 rgb(26,251,244)
```
#fb1a92
```
#fb1a92 rgb(251,26,146)
```

Split Complementary Color

#fbf41a
```
#fbf41a rgb(251,244,26)
```
#1afbf4
```
#1afbf4 rgb(26,251,244)
```
#f41afb
```
#f41afb rgb(244,26,251)
```

Triadic Color

#21fb1a
```
#21fb1a rgb(33,251,26)
```
#1afbf4
```
#1afbf4 rgb(26,251,244)
```
#f41afb
```
#f41afb rgb(244,26,251)
```
#fb1a21
```
#fb1a21 rgb(251,26,33)
```

Tetradic Color

#03c5bf
```
#03c5bf rgb(3,197,191)
```
#04ded7
```
#04ded7 rgb(4,222,215)
```
#04f7f0
```
#04f7f0 rgb(4,247,240)
```
#1afbf4
```
#1afbf4 rgb(26,251,244)
```
#33fbf5
```
#33fbf5 rgb(51,251,245)
```
#4cfcf6
```
#4cfcf6 rgb(76,252,246)
```
#65fcf8
```
#65fcf8 rgb(101,252,248)
```

Monochromatic Color

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

#1afbbc
```
#1afbbc rgb(26,251,188)
```
#1afbcf
```
#1afbcf rgb(26,251,207)
```
#1afbe1
```
#1afbe1 rgb(26,251,225)
```
#1afbf4
```
#1afbf4 rgb(26,251,244)
```
#1aeffb
```
#1aeffb rgb(26,239,251)
```
#1addfb
```
#1addfb rgb(26,221,251)
```
#1acafb
```
#1acafb rgb(26,202,251)
```

Similar Colors

Text with hexadecimal color #1afbf4

This text has a font color of #1afbf4.

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

#1afbf4 background color

This paragraph has a background color of #1afbf4.

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

#1afbf4 border color

This element has a border color of #1afbf4.

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

CSS codes

.text {color:#1afbf4;}

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

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

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)
```
#013c3a
```
#013c3a rgb(1,60,58)
```
#014f4d
```
#014f4d rgb(1,79,77)
```
#026360
```
#026360 rgb(2,99,96)
```
#027672
```
#027672 rgb(2,118,114)
```
#028985
```
#028985 rgb(2,137,133)
```
#039d98
```
#039d98 rgb(3,157,152)
```
#03b0aa
```
#03b0aa rgb(3,176,170)
```
#03c3bd
```
#03c3bd rgb(3,195,189)
```
#04d6d0
```
#04d6d0 rgb(4,214,208)
```
#04eae3
```
#04eae3 rgb(4,234,227)
```

Shade Color Variation

#07fbf3
```
#07fbf3 rgb(7,251,243)
```
#1afbf4
```
#1afbf4 rgb(26,251,244)
```
#2dfbf5
```
#2dfbf5 rgb(45,251,245)
```
#41fcf6
```
#41fcf6 rgb(65,252,246)
```
#54fcf7
```
#54fcf7 rgb(84,252,247)
```
#67fcf8
```
#67fcf8 rgb(103,252,248)
```
#7afdf9
```
#7afdf9 rgb(122,253,249)
```
#8efdfa
```
#8efdfa rgb(142,253,250)
```
#a1fdfa
```
#a1fdfa rgb(161,253,250)
```
#b4fefb
```
#b4fefb rgb(180,254,251)
```
#c8fefc
```
#c8fefc rgb(200,254,252)
```
#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 #1afbf4 is the most saturated one.

#868f8f
```
#868f8f rgb(134,143,143)
```
#7d9898
```
#7d9898 rgb(125,152,152)
```
#74a1a0
```
#74a1a0 rgb(116,161,160)
```
#6baaa8
```
#6baaa8 rgb(107,170,168)
```
#62b3b1
```
#62b3b1 rgb(98,179,177)
```
#59bcb9
```
#59bcb9 rgb(89,188,185)
```
#50c5c2
```
#50c5c2 rgb(80,197,194)
```
#47ceca
```
#47ceca rgb(71,206,202)
```
#3ed7d2
```
#3ed7d2 rgb(62,215,210)
```
#35e0db
```
#35e0db rgb(53,224,219)
```
#2ce9e3
```
#2ce9e3 rgb(44,233,227)
```
#23f2ec
```
#23f2ec rgb(35,242,236)
```
#1afbf4
```
#1afbf4 rgb(26,251,244)
```

Tone Color Variation

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

#e5e1e6 Protanopia 1% of men
#eaddff Deuteranopia 1% of men
#92f1ff Tritanopia 0.001% of the population

Trichromacy

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

#1afbf4 hex color

#1afbf4 Color Information

#1afbf4 Color Conversion

Color Schemes with #1afbf4

Alternatives to #1afbf4

#1afbf4 Preview

Shades and Tints of #1afbf4

Tones of #1afbf4

Color Blindness Simulator