#1faafc hex color

In a RGB color space, hex #1faafc is composed of 12.2% red, 66.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 32.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 202.3 degrees, a saturation of 97.4% and a lightness of 55.5%. #1faafc color hex could be obtained by blending #3effff with #0055f9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 12
- G 67
- B 99
RGB color chart
- C 88
- M 33
- Y 0
- K 1
CMYK color chart

● #1faafc color description : Vivid blue.

The hexadecimal color #1faafc has RGB values of R:31, G:170, B:252 and CMYK values of C:0.88, M:0.33, Y:0, K:0.01. Its decimal value is 2075388.

Hex triplet	1faafc	`#1faafc`
RGB Decimal	31, 170, 252	`rgb(31,170,252)`
RGB Percent	12.2, 66.7, 98.8	`rgb(12.2%,66.7%,98.8%)`
CMYK	88, 33, 0, 1
HSL	202.3°, 97.4, 55.5	`hsl(202.3,97.4%,55.5%)`
HSV (or HSB)	202.3°, 87.7, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.57, -6.247, -50.303
XYZ	32.506, 36.066, 97.338
xyY	0.196, 0.217, 36.066
CIE-LCH	66.57, 50.69, 262.921
CIE-LUV	66.57, -41.203, -80.747
Hunter-Lab	60.055, -8.479, -54.06
Binary	00011111, 10101010, 11111100

#1faafc
```
#1faafc rgb(31,170,252)
```
#fc711f
```
#fc711f rgb(252,113,31)
```

Complementary Color

#1ffce0
```
#1ffce0 rgb(31,252,224)
```
#1faafc
```
#1faafc rgb(31,170,252)
```
#1f3cfc
```
#1f3cfc rgb(31,60,252)
```

Analogous Color

#fce01f
```
#fce01f rgb(252,224,31)
```
#1faafc
```
#1faafc rgb(31,170,252)
```
#fc1f3c
```
#fc1f3c rgb(252,31,60)
```

Split Complementary Color

#aafc1f
```
#aafc1f rgb(170,252,31)
```
#1faafc
```
#1faafc rgb(31,170,252)
```
#fc1faa
```
#fc1faa rgb(252,31,170)
```

Triadic Color

#1ffc71
```
#1ffc71 rgb(31,252,113)
```
#1faafc
```
#1faafc rgb(31,170,252)
```
#fc1faa
```
#fc1faa rgb(252,31,170)
```
#fc711f
```
#fc711f rgb(252,113,31)
```

Tetradic Color

#0381cc
```
#0381cc rgb(3,129,204)
```
#0391e5
```
#0391e5 rgb(3,145,229)
```
#06a0fc
```
#06a0fc rgb(6,160,252)
```
#1faafc
```
#1faafc rgb(31,170,252)
```
#38b4fc
```
#38b4fc rgb(56,180,252)
```
#51bdfd
```
#51bdfd rgb(81,189,253)
```
#6ac7fd
```
#6ac7fd rgb(106,199,253)
```

Monochromatic Color

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

#1fe1fc
```
#1fe1fc rgb(31,225,252)
```
#1fcffc
```
#1fcffc rgb(31,207,252)
```
#1fbcfc
```
#1fbcfc rgb(31,188,252)
```
#1faafc
```
#1faafc rgb(31,170,252)
```
#1f98fc
```
#1f98fc rgb(31,152,252)
```
#1f85fc
```
#1f85fc rgb(31,133,252)
```
#1f73fc
```
#1f73fc rgb(31,115,252)
```

Similar Colors

Text with hexadecimal color #1faafc

This text has a font color of #1faafc.

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

#1faafc background color

This paragraph has a background color of #1faafc.

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

#1faafc border color

This element has a border color of #1faafc.

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

CSS codes

.text {color:#1faafc;}

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

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

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

#000508
```
#000508 rgb(0,5,8)
```
#00121c
```
#00121c rgb(0,18,28)
```
#011e2f
```
#011e2f rgb(1,30,47)
```
#012a42
```
#012a42 rgb(1,42,66)
```
#013656
```
#013656 rgb(1,54,86)
```
#014369
```
#014369 rgb(1,67,105)
```
#024f7c
```
#024f7c rgb(2,79,124)
```
#025b90
```
#025b90 rgb(2,91,144)
```
#0267a3
```
#0267a3 rgb(2,103,163)
```
#0274b6
```
#0274b6 rgb(2,116,182)
```
#0380ca
```
#0380ca rgb(3,128,202)
```
#038cdd
```
#038cdd rgb(3,140,221)
```
#0398f1
```
#0398f1 rgb(3,152,241)
```

Shade Color Variation

#0ca3fc
```
#0ca3fc rgb(12,163,252)
```
#1faafc
```
#1faafc rgb(31,170,252)
```
#32b1fc
```
#32b1fc rgb(50,177,252)
```
#46b9fd
```
#46b9fd rgb(70,185,253)
```
#59c0fd
```
#59c0fd rgb(89,192,253)
```
#6cc7fd
```
#6cc7fd rgb(108,199,253)
```
#80cffd
```
#80cffd rgb(128,207,253)
```
#93d6fe
```
#93d6fe rgb(147,214,254)
```
#a6ddfe
```
#a6ddfe rgb(166,221,254)
```
#bae5fe
```
#bae5fe rgb(186,229,254)
```
#cdecfe
```
#cdecfe rgb(205,236,254)
```
#e1f3ff
```
#e1f3ff rgb(225,243,255)
```
#f4fbff
```
#f4fbff rgb(244,251,255)
```

Tint Color Variation

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

#888f93
```
#888f93 rgb(136,143,147)
```
#7f919c
```
#7f919c rgb(127,145,156)
```
#7693a5
```
#7693a5 rgb(118,147,165)
```
#6e96ad
```
#6e96ad rgb(110,150,173)
```
#6598b6
```
#6598b6 rgb(101,152,182)
```
#5c9abf
```
#5c9abf rgb(92,154,191)
```
#539cc8
```
#539cc8 rgb(83,156,200)
```
#4b9fd0
```
#4b9fd0 rgb(75,159,208)
```
#42a1d9
```
#42a1d9 rgb(66,161,217)
```
#39a3e2
```
#39a3e2 rgb(57,163,226)
```
#30a5eb
```
#30a5eb rgb(48,165,235)
```
#28a8f3
```
#28a8f3 rgb(40,168,243)
```
#1faafc
```
#1faafc rgb(31,170,252)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7590a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a4f4 Protanopia 1% of men
#6fa7ff Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#61a6f7 Protanomaly 1% of men, 0.01% of women
#51a8fd Deuteranomaly 6% of men, 0.4% of women
#0bb2d7 Tritanomaly 0.01% of the population

#1faafc hex color

#1faafc Color Information

#1faafc Color Conversion

Color Schemes with #1faafc

Alternatives to #1faafc

#1faafc Preview

Shades and Tints of #1faafc

Tones of #1faafc

Color Blindness Simulator