#1fa2f6 hex color

In a RGB color space, hex #1fa2f6 is composed of 12.2% red, 63.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 34.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 203.4 degrees, a saturation of 92.3% and a lightness of 54.3%. #1fa2f6 color hex could be obtained by blending #3effff with #0045ed. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 12
- G 64
- B 96
RGB color chart
- C 87
- M 34
- Y 0
- K 4
CMYK color chart

● #1fa2f6 color description : Vivid blue.

The hexadecimal color #1fa2f6 has RGB values of R:31, G:162, B:246 and CMYK values of C:0.87, M:0.34, Y:0, K:0.04. Its decimal value is 2073334.

Hex triplet	1fa2f6	`#1fa2f6`
RGB Decimal	31, 162, 246	`rgb(31,162,246)`
RGB Percent	12.2, 63.5, 96.5	`rgb(12.2%,63.5%,96.5%)`
CMYK	87, 34, 0, 4
HSL	203.4°, 92.3, 54.3	`hsl(203.4,92.3%,54.3%)`
HSV (or HSB)	203.4°, 87.4, 96.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.985, -3.892, -51.12
XYZ	30.116, 32.783, 91.924
xyY	0.195, 0.212, 32.783
CIE-LCH	63.985, 51.268, 265.646
CIE-LUV	63.985, -38.94, -81.877
Hunter-Lab	57.256, -6.311, -55.11
Binary	00011111, 10100010, 11110110

#1fa2f6
```
#1fa2f6 rgb(31,162,246)
```
#f6731f
```
#f6731f rgb(246,115,31)
```

Complementary Color

#1ff6df
```
#1ff6df rgb(31,246,223)
```
#1fa2f6
```
#1fa2f6 rgb(31,162,246)
```
#1f37f6
```
#1f37f6 rgb(31,55,246)
```

Analogous Color

#f6df1f
```
#f6df1f rgb(246,223,31)
```
#1fa2f6
```
#1fa2f6 rgb(31,162,246)
```
#f61f37
```
#f61f37 rgb(246,31,55)
```

Split Complementary Color

#a2f61f
```
#a2f61f rgb(162,246,31)
```
#1fa2f6
```
#1fa2f6 rgb(31,162,246)
```
#f61fa2
```
#f61fa2 rgb(246,31,162)
```

Triadic Color

#1ff673
```
#1ff673 rgb(31,246,115)
```
#1fa2f6
```
#1fa2f6 rgb(31,162,246)
```
#f61fa2
```
#f61fa2 rgb(246,31,162)
```
#f6731f
```
#f6731f rgb(246,115,31)
```

Tetradic Color

#0878c1
```
#0878c1 rgb(8,120,193)
```
#0988d9
```
#0988d9 rgb(9,136,217)
```
#0a97f2
```
#0a97f2 rgb(10,151,242)
```
#1fa2f6
```
#1fa2f6 rgb(31,162,246)
```
#38acf7
```
#38acf7 rgb(56,172,247)
```
#50b6f8
```
#50b6f8 rgb(80,182,248)
```
#69c1f9
```
#69c1f9 rgb(105,193,249)
```

Monochromatic Color

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

#1fd8f6
```
#1fd8f6 rgb(31,216,246)
```
#1fc6f6
```
#1fc6f6 rgb(31,198,246)
```
#1fb4f6
```
#1fb4f6 rgb(31,180,246)
```
#1fa2f6
```
#1fa2f6 rgb(31,162,246)
```
#1f90f6
```
#1f90f6 rgb(31,144,246)
```
#1f7ef6
```
#1f7ef6 rgb(31,126,246)
```
#1f6cf6
```
#1f6cf6 rgb(31,108,246)
```

Similar Colors

Text with hexadecimal color #1fa2f6

This text has a font color of #1fa2f6.

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

#1fa2f6 background color

This paragraph has a background color of #1fa2f6.

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

#1fa2f6 border color

This element has a border color of #1fa2f6.

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

CSS codes

.text {color:#1fa2f6;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010d15
```
#010d15 rgb(1,13,21)
```
#021928
```
#021928 rgb(2,25,40)
```
#02253b
```
#02253b rgb(2,37,59)
```
#03314e
```
#03314e rgb(3,49,78)
```
#043c61
```
#043c61 rgb(4,60,97)
```
#054873
```
#054873 rgb(5,72,115)
```
#055486
```
#055486 rgb(5,84,134)
```
#066099
```
#066099 rgb(6,96,153)
```
#076cac
```
#076cac rgb(7,108,172)
```
#0877bf
```
#0877bf rgb(8,119,191)
```
#0883d2
```
#0883d2 rgb(8,131,210)
```
#098fe5
```
#098fe5 rgb(9,143,229)
```

Shade Color Variation

#0c9af5
```
#0c9af5 rgb(12,154,245)
```
#1fa2f6
```
#1fa2f6 rgb(31,162,246)
```
#32aaf7
```
#32aaf7 rgb(50,170,247)
```
#45b2f8
```
#45b2f8 rgb(69,178,248)
```
#58b9f8
```
#58b9f8 rgb(88,185,248)
```
#6ac1f9
```
#6ac1f9 rgb(106,193,249)
```
#7dc9fa
```
#7dc9fa rgb(125,201,250)
```
#90d1fb
```
#90d1fb rgb(144,209,251)
```
#a3d9fb
```
#a3d9fb rgb(163,217,251)
```
#b6e1fc
```
#b6e1fc rgb(182,225,252)
```
#c9e8fd
```
#c9e8fd rgb(201,232,253)
```
#dcf0fe
```
#dcf0fe rgb(220,240,254)
```
#eef8fe
```
#eef8fe rgb(238,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828c93 is the less saturated color, while #16a4ff is the most saturated one.

#828c93
```
#828c93 rgb(130,140,147)
```
#798e9c
```
#798e9c rgb(121,142,156)
```
#7090a5
```
#7090a5 rgb(112,144,165)
```
#6792ae
```
#6792ae rgb(103,146,174)
```
#5e94b7
```
#5e94b7 rgb(94,148,183)
```
#5596c0
```
#5596c0 rgb(85,150,192)
```
#4c98c9
```
#4c98c9 rgb(76,152,201)
```
#439ad2
```
#439ad2 rgb(67,154,210)
```
#3a9cdb
```
#3a9cdb rgb(58,156,219)
```
#319ee4
```
#319ee4 rgb(49,158,228)
```
#28a0ed
```
#28a0ed rgb(40,160,237)
```
#1fa2f6
```
#1fa2f6 rgb(31,162,246)
```
#16a4ff
```
#16a4ff rgb(22,164,255)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#708a9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f9def Protanopia 1% of men
#64a0f9 Deuteranopia 1% of men
#00afbb Tritanopia 0.001% of the population

Trichromacy

#5c9ff1 Protanomaly 1% of men, 0.01% of women
#4ba1f7 Deuteranomaly 6% of men, 0.4% of women
#0baad0 Tritanomaly 0.01% of the population

#1fa2f6 hex color

#1fa2f6 Color Information

#1fa2f6 Color Conversion

Color Schemes with #1fa2f6

Alternatives to #1fa2f6

#1fa2f6 Preview

Shades and Tints of #1fa2f6

Tones of #1fa2f6

Color Blindness Simulator