#1afbf3 hex color

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

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

● #1afbf3 color description : Vivid cyan.

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

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

CIE-LAB	89.71, -49.094, -9.987
XYZ	51.096, 75.68, 96.704
xyY	0.229, 0.339, 75.68
CIE-LCH	89.71, 50.1, 191.498
CIE-LUV	89.71, -69.283, -8.164
Hunter-Lab	86.994, -47.398, -5.012
Binary	00011010, 11111011, 11110011

#1afbf3
```
#1afbf3 rgb(26,251,243)
```
#fb1a22
```
#fb1a22 rgb(251,26,34)
```

Complementary Color

#1afb83
```
#1afb83 rgb(26,251,131)
```
#1afbf3
```
#1afbf3 rgb(26,251,243)
```
#1a93fb
```
#1a93fb rgb(26,147,251)
```

Analogous Color

#fb831a
```
#fb831a rgb(251,131,26)
```
#1afbf3
```
#1afbf3 rgb(26,251,243)
```
#fb1a93
```
#fb1a93 rgb(251,26,147)
```

Split Complementary Color

#fbf31a
```
#fbf31a rgb(251,243,26)
```
#1afbf3
```
#1afbf3 rgb(26,251,243)
```
#f31afb
```
#f31afb rgb(243,26,251)
```

Triadic Color

#22fb1a
```
#22fb1a rgb(34,251,26)
```
#1afbf3
```
#1afbf3 rgb(26,251,243)
```
#f31afb
```
#f31afb rgb(243,26,251)
```
#fb1a22
```
#fb1a22 rgb(251,26,34)
```

Tetradic Color

#03c5be
```
#03c5be rgb(3,197,190)
```
#04ded6
```
#04ded6 rgb(4,222,214)
```
#04f7ef
```
#04f7ef rgb(4,247,239)
```
#1afbf3
```
#1afbf3 rgb(26,251,243)
```
#33fbf4
```
#33fbf4 rgb(51,251,244)
```
#4cfcf6
```
#4cfcf6 rgb(76,252,246)
```
#65fcf7
```
#65fcf7 rgb(101,252,247)
```

Monochromatic Color

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

#1afbbb
```
#1afbbb rgb(26,251,187)
```
#1afbce
```
#1afbce rgb(26,251,206)
```
#1afbe0
```
#1afbe0 rgb(26,251,224)
```
#1afbf3
```
#1afbf3 rgb(26,251,243)
```
#1af0fb
```
#1af0fb rgb(26,240,251)
```
#1adefb
```
#1adefb rgb(26,222,251)
```
#1acbfb
```
#1acbfb rgb(26,203,251)
```

Similar Colors

Text with hexadecimal color #1afbf3

This text has a font color of #1afbf3.

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

#1afbf3 background color

This paragraph has a background color of #1afbf3.

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

#1afbf3 border color

This element has a border color of #1afbf3.

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

CSS codes

.text {color:#1afbf3;}

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

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

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)
```
#012927
```
#012927 rgb(1,41,39)
```
#013c3a
```
#013c3a rgb(1,60,58)
```
#014f4d
```
#014f4d rgb(1,79,77)
```
#02635f
```
#02635f rgb(2,99,95)
```
#027672
```
#027672 rgb(2,118,114)
```
#028984
```
#028984 rgb(2,137,132)
```
#039d97
```
#039d97 rgb(3,157,151)
```
#03b0aa
```
#03b0aa rgb(3,176,170)
```
#03c3bc
```
#03c3bc rgb(3,195,188)
```
#04d6cf
```
#04d6cf rgb(4,214,207)
```
#04eae2
```
#04eae2 rgb(4,234,226)
```

Shade Color Variation

#07fbf2
```
#07fbf2 rgb(7,251,242)
```
#1afbf3
```
#1afbf3 rgb(26,251,243)
```
#2dfbf4
```
#2dfbf4 rgb(45,251,244)
```
#41fcf5
```
#41fcf5 rgb(65,252,245)
```
#54fcf6
```
#54fcf6 rgb(84,252,246)
```
#67fcf7
```
#67fcf7 rgb(103,252,247)
```
#7afdf8
```
#7afdf8 rgb(122,253,248)
```
#8efdf9
```
#8efdf9 rgb(142,253,249)
```
#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 #1afbf3 is the most saturated one.

#868f8f
```
#868f8f rgb(134,143,143)
```
#7d9897
```
#7d9897 rgb(125,152,151)
```
#74a1a0
```
#74a1a0 rgb(116,161,160)
```
#6baaa8
```
#6baaa8 rgb(107,170,168)
```
#62b3b0
```
#62b3b0 rgb(98,179,176)
```
#59bcb9
```
#59bcb9 rgb(89,188,185)
```
#50c5c1
```
#50c5c1 rgb(80,197,193)
```
#47cec9
```
#47cec9 rgb(71,206,201)
```
#3ed7d2
```
#3ed7d2 rgb(62,215,210)
```
#35e0da
```
#35e0da rgb(53,224,218)
```
#2ce9e2
```
#2ce9e2 rgb(44,233,226)
```
#23f2eb
```
#23f2eb rgb(35,242,235)
```
#1afbf3
```
#1afbf3 rgb(26,251,243)
```

Tone Color Variation

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

#e5e1e5 Protanopia 1% of men
#eaddfe Deuteranopia 1% of men
#91f1ff Tritanopia 0.001% of the population

Trichromacy

#9bebea Protanomaly 1% of men, 0.01% of women
#9ee8fa Deuteranomaly 6% of men, 0.4% of women
#66f5fa Tritanomaly 0.01% of the population

#1afbf3 hex color

#1afbf3 Color Information

#1afbf3 Color Conversion

Color Schemes with #1afbf3

Alternatives to #1afbf3

#1afbf3 Preview

Shades and Tints of #1afbf3

Tones of #1afbf3

Color Blindness Simulator