#1fa2ff hex color

In a RGB color space, hex #1fa2ff is composed of 12.2% red, 63.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 36.5% magenta, 0% yellow and 0% black. It has a hue angle of 204.9 degrees, a saturation of 100% and a lightness of 56.1%. #1fa2ff color hex could be obtained by blending #3effff with #0045ff. Closest websafe color is: #3399ff.

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

● #1fa2ff color description : Vivid blue.

The hexadecimal color #1fa2ff has RGB values of R:31, G:162, B:255 and CMYK values of C:0.88, M:0.36, Y:0, K:0. Its decimal value is 2073343.

Hex triplet	1fa2ff	`#1fa2ff`
RGB Decimal	31, 162, 255	`rgb(31,162,255)`
RGB Percent	12.2, 63.5, 100	`rgb(12.2%,63.5%,100%)`
CMYK	88, 36, 0, 0
HSL	204.9°, 100, 56.1	`hsl(204.9,100%,56.1%)`
HSV (or HSB)	204.9°, 87.8, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.443, -0.607, -55.308
XYZ	31.531, 33.349, 99.377
xyY	0.192, 0.203, 33.349
CIE-LCH	64.443, 55.311, 269.371
CIE-LUV	64.443, -38.423, -89.368
Hunter-Lab	57.749, -3.598, -61.606
Binary	00011111, 10100010, 11111111

#1fa2ff
```
#1fa2ff rgb(31,162,255)
```
#ff7c1f
```
#ff7c1f rgb(255,124,31)
```

Complementary Color

#1fffec
```
#1fffec rgb(31,255,236)
```
#1fa2ff
```
#1fa2ff rgb(31,162,255)
```
#1f32ff
```
#1f32ff rgb(31,50,255)
```

Analogous Color

#ffec1f
```
#ffec1f rgb(255,236,31)
```
#1fa2ff
```
#1fa2ff rgb(31,162,255)
```
#ff1f32
```
#ff1f32 rgb(255,31,50)
```

Split Complementary Color

#a2ff1f
```
#a2ff1f rgb(162,255,31)
```
#1fa2ff
```
#1fa2ff rgb(31,162,255)
```
#ff1fa2
```
#ff1fa2 rgb(255,31,162)
```

Triadic Color

#1fff7c
```
#1fff7c rgb(31,255,124)
```
#1fa2ff
```
#1fa2ff rgb(31,162,255)
```
#ff1fa2
```
#ff1fa2 rgb(255,31,162)
```
#ff7c1f
```
#ff7c1f rgb(255,124,31)
```

Tetradic Color

#007bd2
```
#007bd2 rgb(0,123,210)
```
#0089eb
```
#0089eb rgb(0,137,235)
```
#0597ff
```
#0597ff rgb(5,151,255)
```
#1fa2ff
```
#1fa2ff rgb(31,162,255)
```
#39adff
```
#39adff rgb(57,173,255)
```
#52b7ff
```
#52b7ff rgb(82,183,255)
```
#6cc2ff
```
#6cc2ff rgb(108,194,255)
```

Monochromatic Color

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

#1fdaff
```
#1fdaff rgb(31,218,255)
```
#1fc7ff
```
#1fc7ff rgb(31,199,255)
```
#1fb5ff
```
#1fb5ff rgb(31,181,255)
```
#1fa2ff
```
#1fa2ff rgb(31,162,255)
```
#1f8fff
```
#1f8fff rgb(31,143,255)
```
#1f7dff
```
#1f7dff rgb(31,125,255)
```
#1f6aff
```
#1f6aff rgb(31,106,255)
```

Similar Colors

Text with hexadecimal color #1fa2ff

This text has a font color of #1fa2ff.

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

#1fa2ff background color

This paragraph has a background color of #1fa2ff.

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

#1fa2ff border color

This element has a border color of #1fa2ff.

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

CSS codes

.text {color:#1fa2ff;}

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

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

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, #00070b is the darkest color, while #f7fcff is the lightest one.

#00070b
```
#00070b rgb(0,7,11)
```
#00121f
```
#00121f rgb(0,18,31)
```
#001e33
```
#001e33 rgb(0,30,51)
```
#002946
```
#002946 rgb(0,41,70)
```
#00355a
```
#00355a rgb(0,53,90)
```
#00406d
```
#00406d rgb(0,64,109)
```
#004b81
```
#004b81 rgb(0,75,129)
```
#005795
```
#005795 rgb(0,87,149)
```
#0062a8
```
#0062a8 rgb(0,98,168)
```
#006ebc
```
#006ebc rgb(0,110,188)
```
#0079d0
```
#0079d0 rgb(0,121,208)
```
#0085e3
```
#0085e3 rgb(0,133,227)
```
#0090f7
```
#0090f7 rgb(0,144,247)
```

Shade Color Variation

#0b9aff
```
#0b9aff rgb(11,154,255)
```
#1fa2ff
```
#1fa2ff rgb(31,162,255)
```
#33aaff
```
#33aaff rgb(51,170,255)
```
#46b2ff
```
#46b2ff rgb(70,178,255)
```
#5abaff
```
#5abaff rgb(90,186,255)
```
#6dc3ff
```
#6dc3ff rgb(109,195,255)
```
#81cbff
```
#81cbff rgb(129,203,255)
```
#95d3ff
```
#95d3ff rgb(149,211,255)
```
#a8dbff
```
#a8dbff rgb(168,219,255)
```
#bce3ff
```
#bce3ff rgb(188,227,255)
```
#d0ebff
```
#d0ebff rgb(208,235,255)
```
#e3f3ff
```
#e3f3ff rgb(227,243,255)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

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

#869098
```
#869098 rgb(134,144,152)
```
#7e92a0
```
#7e92a0 rgb(126,146,160)
```
#7593a9
```
#7593a9 rgb(117,147,169)
```
#6d95b1
```
#6d95b1 rgb(109,149,177)
```
#6496ba
```
#6496ba rgb(100,150,186)
```
#5b98c3
```
#5b98c3 rgb(91,152,195)
```
#5399cb
```
#5399cb rgb(83,153,203)
```
#4a9bd4
```
#4a9bd4 rgb(74,155,212)
```
#419cdd
```
#419cdd rgb(65,156,221)
```
#399ee5
```
#399ee5 rgb(57,158,229)
```
#309fee
```
#309fee rgb(48,159,238)
```
#28a1f6
```
#28a1f6 rgb(40,161,246)
```
#1fa2ff
```
#1fa2ff rgb(31,162,255)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#718b9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b9ef8 Protanopia 1% of men
#5ca2ff Deuteranopia 1% of men
#00b1bc Tritanopia 0.001% of the population

Trichromacy

#599ffa Protanomaly 1% of men, 0.01% of women
#46a2ff Deuteranomaly 6% of men, 0.4% of women
#0babd4 Tritanomaly 0.01% of the population

#1fa2ff hex color

#1fa2ff Color Information

#1fa2ff Color Conversion

Color Schemes with #1fa2ff

Alternatives to #1fa2ff

#1fa2ff Preview

Shades and Tints of #1fa2ff

Tones of #1fa2ff

Color Blindness Simulator