#1faefc hex color

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

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

● #1faefc color description : Vivid blue.

The hexadecimal color #1faefc has RGB values of R:31, G:174, B:252 and CMYK values of C:0.88, M:0.31, Y:0, K:0.01. Its decimal value is 2076412.

Hex triplet	1faefc	`#1faefc`
RGB Decimal	31, 174, 252	`rgb(31,174,252)`
RGB Percent	12.2, 68.2, 98.8	`rgb(12.2%,68.2%,98.8%)`
CMYK	88, 31, 0, 1
HSL	201.2°, 97.4, 55.5	`hsl(201.2,97.4%,55.5%)`
HSV (or HSB)	201.2°, 87.7, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.716, -8.478, -48.495
XYZ	33.267, 37.589, 97.592
xyY	0.197, 0.223, 37.589
CIE-LCH	67.716, 49.23, 260.084
CIE-LUV	67.716, -42.521, -77.619
Hunter-Lab	61.31, -10.435, -51.461
Binary	00011111, 10101110, 11111100

#1faefc
```
#1faefc rgb(31,174,252)
```
#fc6d1f
```
#fc6d1f rgb(252,109,31)
```

Complementary Color

#1ffcdc
```
#1ffcdc rgb(31,252,220)
```
#1faefc
```
#1faefc rgb(31,174,252)
```
#1f40fc
```
#1f40fc rgb(31,64,252)
```

Analogous Color

#fcdc1f
```
#fcdc1f rgb(252,220,31)
```
#1faefc
```
#1faefc rgb(31,174,252)
```
#fc1f40
```
#fc1f40 rgb(252,31,64)
```

Split Complementary Color

#aefc1f
```
#aefc1f rgb(174,252,31)
```
#1faefc
```
#1faefc rgb(31,174,252)
```
#fc1fae
```
#fc1fae rgb(252,31,174)
```

Triadic Color

#1ffc6d
```
#1ffc6d rgb(31,252,109)
```
#1faefc
```
#1faefc rgb(31,174,252)
```
#fc1fae
```
#fc1fae rgb(252,31,174)
```
#fc6d1f
```
#fc6d1f rgb(252,109,31)
```

Tetradic Color

#0385cc
```
#0385cc rgb(3,133,204)
```
#0395e5
```
#0395e5 rgb(3,149,229)
```
#06a5fc
```
#06a5fc rgb(6,165,252)
```
#1faefc
```
#1faefc rgb(31,174,252)
```
#38b7fc
```
#38b7fc rgb(56,183,252)
```
#51c0fd
```
#51c0fd rgb(81,192,253)
```
#6ac9fd
```
#6ac9fd rgb(106,201,253)
```

Monochromatic Color

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

#1fe5fc
```
#1fe5fc rgb(31,229,252)
```
#1fd3fc
```
#1fd3fc rgb(31,211,252)
```
#1fc0fc
```
#1fc0fc rgb(31,192,252)
```
#1faefc
```
#1faefc rgb(31,174,252)
```
#1f9cfc
```
#1f9cfc rgb(31,156,252)
```
#1f89fc
```
#1f89fc rgb(31,137,252)
```
#1f77fc
```
#1f77fc rgb(31,119,252)
```

Similar Colors

Text with hexadecimal color #1faefc

This text has a font color of #1faefc.

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

#1faefc background color

This paragraph has a background color of #1faefc.

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

#1faefc border color

This element has a border color of #1faefc.

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

CSS codes

.text {color:#1faefc;}

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

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

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)
```
#011f2f
```
#011f2f rgb(1,31,47)
```
#012b42
```
#012b42 rgb(1,43,66)
```
#013856
```
#013856 rgb(1,56,86)
```
#014469
```
#014469 rgb(1,68,105)
```
#02517c
```
#02517c rgb(2,81,124)
```
#025e90
```
#025e90 rgb(2,94,144)
```
#026aa3
```
#026aa3 rgb(2,106,163)
```
#0277b6
```
#0277b6 rgb(2,119,182)
```
#0384ca
```
#0384ca rgb(3,132,202)
```
#0390dd
```
#0390dd rgb(3,144,221)
```
#039df1
```
#039df1 rgb(3,157,241)
```

Shade Color Variation

#0ca7fc
```
#0ca7fc rgb(12,167,252)
```
#1faefc
```
#1faefc rgb(31,174,252)
```
#32b5fc
```
#32b5fc rgb(50,181,252)
```
#46bcfd
```
#46bcfd rgb(70,188,253)
```
#59c3fd
```
#59c3fd rgb(89,195,253)
```
#6ccafd
```
#6ccafd rgb(108,202,253)
```
#80d1fd
```
#80d1fd rgb(128,209,253)
```
#93d8fe
```
#93d8fe rgb(147,216,254)
```
#a6dffe
```
#a6dffe rgb(166,223,254)
```
#bae6fe
```
#bae6fe rgb(186,230,254)
```
#cdedfe
```
#cdedfe rgb(205,237,254)
```
#e1f4ff
```
#e1f4ff rgb(225,244,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 #1faefc is the most saturated one.

#888f93
```
#888f93 rgb(136,143,147)
```
#7f929c
```
#7f929c rgb(127,146,156)
```
#7694a5
```
#7694a5 rgb(118,148,165)
```
#6e97ad
```
#6e97ad rgb(110,151,173)
```
#6599b6
```
#6599b6 rgb(101,153,182)
```
#5c9cbf
```
#5c9cbf rgb(92,156,191)
```
#539fc8
```
#539fc8 rgb(83,159,200)
```
#4ba1d0
```
#4ba1d0 rgb(75,161,208)
```
#42a4d9
```
#42a4d9 rgb(66,164,217)
```
#39a6e2
```
#39a6e2 rgb(57,166,226)
```
#30a9eb
```
#30a9eb rgb(48,169,235)
```
#28abf3
```
#28abf3 rgb(40,171,243)
```
#1faefc
```
#1faefc rgb(31,174,252)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7693a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da7f3 Protanopia 1% of men
#77a9ff Deuteranopia 1% of men
#00bac6 Tritanopia 0.001% of the population

Trichromacy

#65a9f6 Protanomaly 1% of men, 0.01% of women
#57abfd Deuteranomaly 6% of men, 0.4% of women
#0bb5d9 Tritanomaly 0.01% of the population

#1faefc hex color

#1faefc Color Information

#1faefc Color Conversion

Color Schemes with #1faefc

Alternatives to #1faefc

#1faefc Preview

Shades and Tints of #1faefc

Tones of #1faefc

Color Blindness Simulator