#1fa4fe hex color

In a RGB color space, hex #1fa4fe is composed of 12.2% red, 64.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 35.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 204.2 degrees, a saturation of 99.1% and a lightness of 55.9%. #1fa4fe color hex could be obtained by blending #3effff with #0049fd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 12
- G 64
- B 100
RGB color chart
- C 88
- M 35
- Y 0
- K 0
CMYK color chart

● #1fa4fe color description : Vivid blue.

The hexadecimal color #1fa4fe has RGB values of R:31, G:164, B:254 and CMYK values of C:0.88, M:0.35, Y:0, K:0. Its decimal value is 2073854.

Hex triplet	1fa4fe	`#1fa4fe`
RGB Decimal	31, 164, 254	`rgb(31,164,254)`
RGB Percent	12.2, 64.3, 99.6	`rgb(12.2%,64.3%,99.6%)`
CMYK	88, 35, 0, 0
HSL	204.2°, 99.1, 55.9	`hsl(204.2,99.1%,55.9%)`
HSV (or HSB)	204.2°, 87.8, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.959, -2.121, -53.944
XYZ	31.726, 33.995, 98.65
xyY	0.193, 0.207, 33.995
CIE-LCH	64.959, 53.985, 267.748
CIE-LUV	64.959, -39.126, -87.031
Hunter-Lab	58.305, -4.907, -59.502
Binary	00011111, 10100100, 11111110

#1fa4fe
```
#1fa4fe rgb(31,164,254)
```
#fe791f
```
#fe791f rgb(254,121,31)
```

Complementary Color

#1ffee9
```
#1ffee9 rgb(31,254,233)
```
#1fa4fe
```
#1fa4fe rgb(31,164,254)
```
#1f35fe
```
#1f35fe rgb(31,53,254)
```

Analogous Color

#fee91f
```
#fee91f rgb(254,233,31)
```
#1fa4fe
```
#1fa4fe rgb(31,164,254)
```
#fe1f35
```
#fe1f35 rgb(254,31,53)
```

Split Complementary Color

#a4fe1f
```
#a4fe1f rgb(164,254,31)
```
#1fa4fe
```
#1fa4fe rgb(31,164,254)
```
#fe1fa4
```
#fe1fa4 rgb(254,31,164)
```

Triadic Color

#1ffe79
```
#1ffe79 rgb(31,254,121)
```
#1fa4fe
```
#1fa4fe rgb(31,164,254)
```
#fe1fa4
```
#fe1fa4 rgb(254,31,164)
```
#fe791f
```
#fe791f rgb(254,121,31)
```

Tetradic Color

#017cd0
```
#017cd0 rgb(1,124,208)
```
#018be9
```
#018be9 rgb(1,139,233)
```
#069afe
```
#069afe rgb(6,154,254)
```
#1fa4fe
```
#1fa4fe rgb(31,164,254)
```
#38aefe
```
#38aefe rgb(56,174,254)
```
#52b9fe
```
#52b9fe rgb(82,185,254)
```
#6bc3fe
```
#6bc3fe rgb(107,195,254)
```

Monochromatic Color

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

#1fdcfe
```
#1fdcfe rgb(31,220,254)
```
#1fc9fe
```
#1fc9fe rgb(31,201,254)
```
#1fb7fe
```
#1fb7fe rgb(31,183,254)
```
#1fa4fe
```
#1fa4fe rgb(31,164,254)
```
#1f91fe
```
#1f91fe rgb(31,145,254)
```
#1f7ffe
```
#1f7ffe rgb(31,127,254)
```
#1f6cfe
```
#1f6cfe rgb(31,108,254)
```

Similar Colors

Text with hexadecimal color #1fa4fe

This text has a font color of #1fa4fe.

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

#1fa4fe background color

This paragraph has a background color of #1fa4fe.

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

#1fa4fe border color

This element has a border color of #1fa4fe.

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

CSS codes

.text {color:#1fa4fe;}

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

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

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#00121e
```
#00121e rgb(0,18,30)
```
#001e31
```
#001e31 rgb(0,30,49)
```
#002945
```
#002945 rgb(0,41,69)
```
#003558
```
#003558 rgb(0,53,88)
```
#00416c
```
#00416c rgb(0,65,108)
```
#014c80
```
#014c80 rgb(1,76,128)
```
#015893
```
#015893 rgb(1,88,147)
```
#0164a7
```
#0164a7 rgb(1,100,167)
```
#016fba
```
#016fba rgb(1,111,186)
```
#017bce
```
#017bce rgb(1,123,206)
```
#0187e1
```
#0187e1 rgb(1,135,225)
```
#0192f5
```
#0192f5 rgb(1,146,245)
```

Shade Color Variation

#0b9cfe
```
#0b9cfe rgb(11,156,254)
```
#1fa4fe
```
#1fa4fe rgb(31,164,254)
```
#33acfe
```
#33acfe rgb(51,172,254)
```
#46b4fe
```
#46b4fe rgb(70,180,254)
```
#5abcfe
```
#5abcfe rgb(90,188,254)
```
#6dc4fe
```
#6dc4fe rgb(109,196,254)
```
#81ccfe
```
#81ccfe rgb(129,204,254)
```
#94d4ff
```
#94d4ff rgb(148,212,255)
```
#a8dcff
```
#a8dcff rgb(168,220,255)
```
#bbe3ff
```
#bbe3ff rgb(187,227,255)
```
#cfebff
```
#cfebff rgb(207,235,255)
```
#e2f3ff
```
#e2f3ff rgb(226,243,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#879096
```
#879096 rgb(135,144,150)
```
#7e929f
```
#7e929f rgb(126,146,159)
```
#7693a7
```
#7693a7 rgb(118,147,167)
```
#6d95b0
```
#6d95b0 rgb(109,149,176)
```
#6497b9
```
#6497b9 rgb(100,151,185)
```
#5c98c1
```
#5c98c1 rgb(92,152,193)
```
#539aca
```
#539aca rgb(83,154,202)
```
#4a9cd3
```
#4a9cd3 rgb(74,156,211)
```
#429ddb
```
#429ddb rgb(66,157,219)
```
#399fe4
```
#399fe4 rgb(57,159,228)
```
#30a1ed
```
#30a1ed rgb(48,161,237)
```
#28a2f5
```
#28a2f5 rgb(40,162,245)
```
#1fa4fe
```
#1fa4fe rgb(31,164,254)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#718c9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f9ff7 Protanopia 1% of men
#61a3ff Deuteranopia 1% of men
#00b2be Tritanopia 0.001% of the population

Trichromacy

#5ca1f9 Protanomaly 1% of men, 0.01% of women
#49a3fe Deuteranomaly 6% of men, 0.4% of women
#0badd5 Tritanomaly 0.01% of the population

#1fa4fe hex color

#1fa4fe Color Information

#1fa4fe Color Conversion

Color Schemes with #1fa4fe

Alternatives to #1fa4fe

#1fa4fe Preview

Shades and Tints of #1fa4fe

Tones of #1fa4fe

Color Blindness Simulator