#1afaf4 hex color

In a RGB color space, hex #1afaf4 is composed of 10.2% red, 98% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 0% magenta, 2.4% yellow and 2% black. It has a hue angle of 178.4 degrees, a saturation of 95.7% and a lightness of 54.1%. #1afaf4 color hex could be obtained by blending #34ffff with #00f5e9. 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

● #1afaf4 color description : Vivid cyan.

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

Hex triplet	1afaf4	`#1afaf4`
RGB Decimal	26, 250, 244	`rgb(26,250,244)`
RGB Percent	10.2, 98, 95.7	`rgb(10.2%,98%,95.7%)`
CMYK	90, 0, 2, 2
HSL	178.4°, 95.7, 54.1	`hsl(178.4,95.7%,54.1%)`
HSV (or HSB)	178.4°, 89.6, 98
Web Safe	33ffff	`#33ffff`

CIE-LAB	89.448, -48.388, -10.898
XYZ	50.936, 75.117, 97.397
xyY	0.228, 0.336, 75.117
CIE-LCH	89.448, 49.6, 192.693
CIE-LUV	89.448, -68.873, -9.767
Hunter-Lab	86.67, -46.77, -5.959
Binary	00011010, 11111010, 11110100

#1afaf4
```
#1afaf4 rgb(26,250,244)
```
#fa1a20
```
#fa1a20 rgb(250,26,32)
```

Complementary Color

#1afa84
```
#1afa84 rgb(26,250,132)
```
#1afaf4
```
#1afaf4 rgb(26,250,244)
```
#1a90fa
```
#1a90fa rgb(26,144,250)
```

Analogous Color

#fa841a
```
#fa841a rgb(250,132,26)
```
#1afaf4
```
#1afaf4 rgb(26,250,244)
```
#fa1a90
```
#fa1a90 rgb(250,26,144)
```

Split Complementary Color

#faf41a
```
#faf41a rgb(250,244,26)
```
#1afaf4
```
#1afaf4 rgb(26,250,244)
```
#f41afa
```
#f41afa rgb(244,26,250)
```

Triadic Color

#20fa1a
```
#20fa1a rgb(32,250,26)
```
#1afaf4
```
#1afaf4 rgb(26,250,244)
```
#f41afa
```
#f41afa rgb(244,26,250)
```
#fa1a20
```
#fa1a20 rgb(250,26,32)
```

Tetradic Color

#04c3be
```
#04c3be rgb(4,195,190)
```
#05dcd6
```
#05dcd6 rgb(5,220,214)
```
#05f5ef
```
#05f5ef rgb(5,245,239)
```
#1afaf4
```
#1afaf4 rgb(26,250,244)
```
#33fbf5
```
#33fbf5 rgb(51,251,245)
```
#4cfbf6
```
#4cfbf6 rgb(76,251,246)
```
#65fcf8
```
#65fcf8 rgb(101,252,248)
```

Monochromatic Color

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

#1afabc
```
#1afabc rgb(26,250,188)
```
#1afacf
```
#1afacf rgb(26,250,207)
```
#1afae1
```
#1afae1 rgb(26,250,225)
```
#1afaf4
```
#1afaf4 rgb(26,250,244)
```
#1aedfa
```
#1aedfa rgb(26,237,250)
```
#1adbfa
```
#1adbfa rgb(26,219,250)
```
#1ac8fa
```
#1ac8fa rgb(26,200,250)
```

Similar Colors

Text with hexadecimal color #1afaf4

This text has a font color of #1afaf4.

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

#1afaf4 background color

This paragraph has a background color of #1afaf4.

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

#1afaf4 border color

This element has a border color of #1afaf4.

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

CSS codes

.text {color:#1afaf4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001514
```
#001514 rgb(0,21,20)
```
#012827
```
#012827 rgb(1,40,39)
```
#013b39
```
#013b39 rgb(1,59,57)
```
#024e4c
```
#024e4c rgb(2,78,76)
```
#02615f
```
#02615f rgb(2,97,95)
```
#037571
```
#037571 rgb(3,117,113)
```
#038884
```
#038884 rgb(3,136,132)
```
#039b97
```
#039b97 rgb(3,155,151)
```
#04aeaa
```
#04aeaa rgb(4,174,170)
```
#04c1bc
```
#04c1bc rgb(4,193,188)
```
#05d5cf
```
#05d5cf rgb(5,213,207)
```
#05e8e2
```
#05e8e2 rgb(5,232,226)
```

Shade Color Variation

#07faf3
```
#07faf3 rgb(7,250,243)
```
#1afaf4
```
#1afaf4 rgb(26,250,244)
```
#2dfaf5
```
#2dfaf5 rgb(45,250,245)
```
#40fbf6
```
#40fbf6 rgb(64,251,246)
```
#54fbf7
```
#54fbf7 rgb(84,251,247)
```
#67fcf8
```
#67fcf8 rgb(103,252,248)
```
#7afcf9
```
#7afcf9 rgb(122,252,249)
```
#8dfdfa
```
#8dfdfa rgb(141,253,250)
```
#a0fdfa
```
#a0fdfa rgb(160,253,250)
```
#b4fdfb
```
#b4fdfb rgb(180,253,251)
```
#c7fefc
```
#c7fefc rgb(199,254,252)
```
#dafefd
```
#dafefd rgb(218,254,253)
```
#edfffe
```
#edfffe rgb(237,255,254)
```

Tint Color Variation

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

#868e8e
```
#868e8e rgb(134,142,142)
```
#7d9796
```
#7d9796 rgb(125,151,150)
```
#74a09f
```
#74a09f rgb(116,160,159)
```
#6ba9a7
```
#6ba9a7 rgb(107,169,167)
```
#62b2b0
```
#62b2b0 rgb(98,178,176)
```
#59bbb8
```
#59bbb8 rgb(89,187,184)
```
#50c4c1
```
#50c4c1 rgb(80,196,193)
```
#47cdc9
```
#47cdc9 rgb(71,205,201)
```
#3ed6d2
```
#3ed6d2 rgb(62,214,210)
```
#35dfda
```
#35dfda rgb(53,223,218)
```
#2ce8e3
```
#2ce8e3 rgb(44,232,227)
```
#23f1eb
```
#23f1eb rgb(35,241,235)
```
#1afaf4
```
#1afaf4 rgb(26,250,244)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#97c4c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e1e6 Protanopia 1% of men
#e8ddff Deuteranopia 1% of men
#8df1ff Tritanopia 0.001% of the population

Trichromacy

#9beaeb Protanomaly 1% of men, 0.01% of women
#9de7fb Deuteranomaly 6% of men, 0.4% of women
#63f4fb Tritanomaly 0.01% of the population

#1afaf4 hex color

#1afaf4 Color Information

#1afaf4 Color Conversion

Color Schemes with #1afaf4

Alternatives to #1afaf4

#1afaf4 Preview

Shades and Tints of #1afaf4

Tones of #1afaf4

Color Blindness Simulator