#1faaf6 hex color

In a RGB color space, hex #1faaf6 is composed of 12.2% red, 66.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 30.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 201.2 degrees, a saturation of 92.3% and a lightness of 54.3%. #1faaf6 color hex could be obtained by blending #3effff with #0055ed. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 12
- G 67
- B 96
RGB color chart
- C 87
- M 31
- Y 0
- K 4
CMYK color chart

● #1faaf6 color description : Vivid blue.

The hexadecimal color #1faaf6 has RGB values of R:31, G:170, B:246 and CMYK values of C:0.87, M:0.31, Y:0, K:0.04. Its decimal value is 2075382.

Hex triplet	1faaf6	`#1faaf6`
RGB Decimal	31, 170, 246	`rgb(31,170,246)`
RGB Percent	12.2, 66.7, 96.5	`rgb(12.2%,66.7%,96.5%)`
CMYK	87, 31, 0, 4
HSL	201.2°, 92.3, 54.3	`hsl(201.2,92.3%,54.3%)`
HSV (or HSB)	201.2°, 87.4, 96.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.284, -8.4, -47.489
XYZ	31.57, 35.692, 92.409
xyY	0.198, 0.224, 35.692
CIE-LCH	66.284, 48.226, 259.969
CIE-LUV	66.284, -41.575, -75.67
Hunter-Lab	59.742, -10.223, -49.889
Binary	00011111, 10101010, 11110110

#1faaf6
```
#1faaf6 rgb(31,170,246)
```
#f66b1f
```
#f66b1f rgb(246,107,31)
```

Complementary Color

#1ff6d7
```
#1ff6d7 rgb(31,246,215)
```
#1faaf6
```
#1faaf6 rgb(31,170,246)
```
#1f3ff6
```
#1f3ff6 rgb(31,63,246)
```

Analogous Color

#f6d71f
```
#f6d71f rgb(246,215,31)
```
#1faaf6
```
#1faaf6 rgb(31,170,246)
```
#f61f3f
```
#f61f3f rgb(246,31,63)
```

Split Complementary Color

#aaf61f
```
#aaf61f rgb(170,246,31)
```
#1faaf6
```
#1faaf6 rgb(31,170,246)
```
#f61faa
```
#f61faa rgb(246,31,170)
```

Triadic Color

#1ff66b
```
#1ff66b rgb(31,246,107)
```
#1faaf6
```
#1faaf6 rgb(31,170,246)
```
#f61faa
```
#f61faa rgb(246,31,170)
```
#f66b1f
```
#f66b1f rgb(246,107,31)
```

Tetradic Color

#087fc1
```
#087fc1 rgb(8,127,193)
```
#0990d9
```
#0990d9 rgb(9,144,217)
```
#0aa0f2
```
#0aa0f2 rgb(10,160,242)
```
#1faaf6
```
#1faaf6 rgb(31,170,246)
```
#38b3f7
```
#38b3f7 rgb(56,179,247)
```
#50bdf8
```
#50bdf8 rgb(80,189,248)
```
#69c6f9
```
#69c6f9 rgb(105,198,249)
```

Monochromatic Color

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

#1fe0f6
```
#1fe0f6 rgb(31,224,246)
```
#1fcef6
```
#1fcef6 rgb(31,206,246)
```
#1fbcf6
```
#1fbcf6 rgb(31,188,246)
```
#1faaf6
```
#1faaf6 rgb(31,170,246)
```
#1f98f6
```
#1f98f6 rgb(31,152,246)
```
#1f86f6
```
#1f86f6 rgb(31,134,246)
```
#1f74f6
```
#1f74f6 rgb(31,116,246)
```

Similar Colors

Text with hexadecimal color #1faaf6

This text has a font color of #1faaf6.

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

#1faaf6 background color

This paragraph has a background color of #1faaf6.

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

#1faaf6 border color

This element has a border color of #1faaf6.

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

CSS codes

.text {color:#1faaf6;}

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

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

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 #eef9fe is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#010e15
```
#010e15 rgb(1,14,21)
```
#021a28
```
#021a28 rgb(2,26,40)
```
#02273b
```
#02273b rgb(2,39,59)
```
#03334e
```
#03334e rgb(3,51,78)
```
#044061
```
#044061 rgb(4,64,97)
```
#054c73
```
#054c73 rgb(5,76,115)
```
#055986
```
#055986 rgb(5,89,134)
```
#066599
```
#066599 rgb(6,101,153)
```
#0772ac
```
#0772ac rgb(7,114,172)
```
#087ebf
```
#087ebf rgb(8,126,191)
```
#088bd2
```
#088bd2 rgb(8,139,210)
```
#0997e5
```
#0997e5 rgb(9,151,229)
```

Shade Color Variation

#0ca3f5
```
#0ca3f5 rgb(12,163,245)
```
#1faaf6
```
#1faaf6 rgb(31,170,246)
```
#32b1f7
```
#32b1f7 rgb(50,177,247)
```
#45b8f8
```
#45b8f8 rgb(69,184,248)
```
#58bff8
```
#58bff8 rgb(88,191,248)
```
#6ac7f9
```
#6ac7f9 rgb(106,199,249)
```
#7dcefa
```
#7dcefa rgb(125,206,250)
```
#90d5fb
```
#90d5fb rgb(144,213,251)
```
#a3dcfb
```
#a3dcfb rgb(163,220,251)
```
#b6e3fc
```
#b6e3fc rgb(182,227,252)
```
#c9eafd
```
#c9eafd rgb(201,234,253)
```
#dcf2fe
```
#dcf2fe rgb(220,242,254)
```
#eef9fe
```
#eef9fe rgb(238,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828d93 is the less saturated color, while #16adff is the most saturated one.

#828d93
```
#828d93 rgb(130,141,147)
```
#79909c
```
#79909c rgb(121,144,156)
```
#7092a5
```
#7092a5 rgb(112,146,165)
```
#6795ae
```
#6795ae rgb(103,149,174)
```
#5e98b7
```
#5e98b7 rgb(94,152,183)
```
#559ac0
```
#559ac0 rgb(85,154,192)
```
#4c9dc9
```
#4c9dc9 rgb(76,157,201)
```
#439fd2
```
#439fd2 rgb(67,159,210)
```
#3aa2db
```
#3aa2db rgb(58,162,219)
```
#31a5e4
```
#31a5e4 rgb(49,165,228)
```
#28a7ed
```
#28a7ed rgb(40,167,237)
```
#1faaf6
```
#1faaf6 rgb(31,170,246)
```
#16adff
```
#16adff rgb(22,173,255)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#74909f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa3ee Protanopia 1% of men
#74a6fa Deuteranopia 1% of men
#00b6c2 Tritanopia 0.001% of the population

Trichromacy

#63a5f1 Protanomaly 1% of men, 0.01% of women
#55a7f8 Deuteranomaly 6% of men, 0.4% of women
#0bb1d5 Tritanomaly 0.01% of the population

#1faaf6 hex color

#1faaf6 Color Information

#1faaf6 Color Conversion

Color Schemes with #1faaf6

Alternatives to #1faaf6

#1faaf6 Preview

Shades and Tints of #1faaf6

Tones of #1faaf6

Color Blindness Simulator