#1faffc hex color

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

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

● #1faffc color description : Vivid blue.

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

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

CIE-LAB	68.003, -9.031, -48.042
XYZ	33.461, 37.976, 97.657
xyY	0.198, 0.225, 37.976
CIE-LCH	68.003, 48.884, 259.354
CIE-LUV	68.003, -42.851, -76.832
Hunter-Lab	61.625, -10.921, -50.819
Binary	00011111, 10101111, 11111100

#1faffc
```
#1faffc rgb(31,175,252)
```
#fc6c1f
```
#fc6c1f rgb(252,108,31)
```

Complementary Color

#1ffcdb
```
#1ffcdb rgb(31,252,219)
```
#1faffc
```
#1faffc rgb(31,175,252)
```
#1f41fc
```
#1f41fc rgb(31,65,252)
```

Analogous Color

#fcdb1f
```
#fcdb1f rgb(252,219,31)
```
#1faffc
```
#1faffc rgb(31,175,252)
```
#fc1f41
```
#fc1f41 rgb(252,31,65)
```

Split Complementary Color

#affc1f
```
#affc1f rgb(175,252,31)
```
#1faffc
```
#1faffc rgb(31,175,252)
```
#fc1faf
```
#fc1faf rgb(252,31,175)
```

Triadic Color

#1ffc6c
```
#1ffc6c rgb(31,252,108)
```
#1faffc
```
#1faffc rgb(31,175,252)
```
#fc1faf
```
#fc1faf rgb(252,31,175)
```
#fc6c1f
```
#fc6c1f rgb(252,108,31)
```

Tetradic Color

#0386cc
```
#0386cc rgb(3,134,204)
```
#0396e5
```
#0396e5 rgb(3,150,229)
```
#06a6fc
```
#06a6fc rgb(6,166,252)
```
#1faffc
```
#1faffc rgb(31,175,252)
```
#38b8fc
```
#38b8fc rgb(56,184,252)
```
#51c1fd
```
#51c1fd rgb(81,193,253)
```
#6acafd
```
#6acafd rgb(106,202,253)
```

Monochromatic Color

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

#1fe6fc
```
#1fe6fc rgb(31,230,252)
```
#1fd4fc
```
#1fd4fc rgb(31,212,252)
```
#1fc1fc
```
#1fc1fc rgb(31,193,252)
```
#1faffc
```
#1faffc rgb(31,175,252)
```
#1f9dfc
```
#1f9dfc rgb(31,157,252)
```
#1f8afc
```
#1f8afc rgb(31,138,252)
```
#1f78fc
```
#1f78fc rgb(31,120,252)
```

Similar Colors

Text with hexadecimal color #1faffc

This text has a font color of #1faffc.

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

#1faffc background color

This paragraph has a background color of #1faffc.

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

#1faffc border color

This element has a border color of #1faffc.

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

CSS codes

.text {color:#1faffc;}

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

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

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)
```
#012c42
```
#012c42 rgb(1,44,66)
```
#013856
```
#013856 rgb(1,56,86)
```
#014569
```
#014569 rgb(1,69,105)
```
#02527c
```
#02527c rgb(2,82,124)
```
#025e90
```
#025e90 rgb(2,94,144)
```
#026ba3
```
#026ba3 rgb(2,107,163)
```
#0278b6
```
#0278b6 rgb(2,120,182)
```
#0384ca
```
#0384ca rgb(3,132,202)
```
#0391dd
```
#0391dd rgb(3,145,221)
```
#039ef1
```
#039ef1 rgb(3,158,241)
```

Shade Color Variation

#0ca8fc
```
#0ca8fc rgb(12,168,252)
```
#1faffc
```
#1faffc rgb(31,175,252)
```
#32b6fc
```
#32b6fc rgb(50,182,252)
```
#46bdfd
```
#46bdfd rgb(70,189,253)
```
#59c4fd
```
#59c4fd rgb(89,196,253)
```
#6ccbfd
```
#6ccbfd rgb(108,203,253)
```
#80d2fd
```
#80d2fd rgb(128,210,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 #1faffc is the most saturated one.

#888f93
```
#888f93 rgb(136,143,147)
```
#7f929c
```
#7f929c rgb(127,146,156)
```
#7695a5
```
#7695a5 rgb(118,149,165)
```
#6e97ad
```
#6e97ad rgb(110,151,173)
```
#659ab6
```
#659ab6 rgb(101,154,182)
```
#5c9cbf
```
#5c9cbf rgb(92,156,191)
```
#539fc8
```
#539fc8 rgb(83,159,200)
```
#4ba2d0
```
#4ba2d0 rgb(75,162,208)
```
#42a4d9
```
#42a4d9 rgb(66,164,217)
```
#39a7e2
```
#39a7e2 rgb(57,167,226)
```
#30aaeb
```
#30aaeb rgb(48,170,235)
```
#28acf3
```
#28acf3 rgb(40,172,243)
```
#1faffc
```
#1faffc rgb(31,175,252)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7794a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea7f3 Protanopia 1% of men
#79aaff Deuteranopia 1% of men
#00bbc7 Tritanopia 0.001% of the population

Trichromacy

#66aaf6 Protanomaly 1% of men, 0.01% of women
#58acfd Deuteranomaly 6% of men, 0.4% of women
#0bb6da Tritanomaly 0.01% of the population

#1faffc hex color

#1faffc Color Information

#1faffc Color Conversion

Color Schemes with #1faffc

Alternatives to #1faffc

#1faffc Preview

Shades and Tints of #1faffc

Tones of #1faffc

Color Blindness Simulator