#1f5af6 hex color

In a RGB color space, hex #1f5af6 is composed of 12.2% red, 35.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 63.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 223.5 degrees, a saturation of 92.3% and a lightness of 54.3%. #1f5af6 color hex could be obtained by blending #3eb4ff with #0000ed. Closest websafe color is: #3366ff.

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

● #1f5af6 color description : Vivid blue.

The hexadecimal color #1f5af6 has RGB values of R:31, G:90, B:246 and CMYK values of C:0.87, M:0.63, Y:0, K:0.04. Its decimal value is 2054902.

Hex triplet	1f5af6	`#1f5af6`
RGB Decimal	31, 90, 246	`rgb(31,90,246)`
RGB Percent	12.2, 35.3, 96.5	`rgb(12.2%,35.3%,96.5%)`
CMYK	87, 63, 0, 4
HSL	223.5°, 92.3, 54.3	`hsl(223.5,92.3%,54.3%)`
HSV (or HSB)	223.5°, 87.4, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.598, 40.365, -82.406
XYZ	20.852, 14.256, 88.836
xyY	0.168, 0.115, 14.256
CIE-LCH	44.598, 91.761, 296.097
CIE-LUV	44.598, -18.216, -123.111
Hunter-Lab	37.757, 32.507, -113.071
Binary	00011111, 01011010, 11110110

#1f5af6
```
#1f5af6 rgb(31,90,246)
```
#f6bb1f
```
#f6bb1f rgb(246,187,31)
```

Complementary Color

#1fc6f6
```
#1fc6f6 rgb(31,198,246)
```
#1f5af6
```
#1f5af6 rgb(31,90,246)
```
#501ff6
```
#501ff6 rgb(80,31,246)
```

Analogous Color

#c6f61f
```
#c6f61f rgb(198,246,31)
```
#1f5af6
```
#1f5af6 rgb(31,90,246)
```
#f6501f
```
#f6501f rgb(246,80,31)
```

Split Complementary Color

#5af61f
```
#5af61f rgb(90,246,31)
```
#1f5af6
```
#1f5af6 rgb(31,90,246)
```
#f61f5a
```
#f61f5a rgb(246,31,90)
```

Triadic Color

#1ff6bb
```
#1ff6bb rgb(31,246,187)
```
#1f5af6
```
#1f5af6 rgb(31,90,246)
```
#f61f5a
```
#f61f5a rgb(246,31,90)
```
#f6bb1f
```
#f6bb1f rgb(246,187,31)
```

Tetradic Color

#083bc1
```
#083bc1 rgb(8,59,193)
```
#0942d9
```
#0942d9 rgb(9,66,217)
```
#0a49f2
```
#0a49f2 rgb(10,73,242)
```
#1f5af6
```
#1f5af6 rgb(31,90,246)
```
#386cf7
```
#386cf7 rgb(56,108,247)
```
#507ef8
```
#507ef8 rgb(80,126,248)
```
#6990f9
```
#6990f9 rgb(105,144,249)
```

Monochromatic Color

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

#1f90f6
```
#1f90f6 rgb(31,144,246)
```
#1f7ef6
```
#1f7ef6 rgb(31,126,246)
```
#1f6cf6
```
#1f6cf6 rgb(31,108,246)
```
#1f5af6
```
#1f5af6 rgb(31,90,246)
```
#1f48f6
```
#1f48f6 rgb(31,72,246)
```
#1f36f6
```
#1f36f6 rgb(31,54,246)
```
#1f24f6
```
#1f24f6 rgb(31,36,246)
```

Similar Colors

Text with hexadecimal color #1f5af6

This text has a font color of #1f5af6.

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

#1f5af6 background color

This paragraph has a background color of #1f5af6.

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

#1f5af6 border color

This element has a border color of #1f5af6.

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

CSS codes

.text {color:#1f5af6;}

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

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

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 #eef3fe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#010615
```
#010615 rgb(1,6,21)
```
#020c28
```
#020c28 rgb(2,12,40)
```
#02123b
```
#02123b rgb(2,18,59)
```
#03184e
```
#03184e rgb(3,24,78)
```
#041d61
```
#041d61 rgb(4,29,97)
```
#052373
```
#052373 rgb(5,35,115)
```
#052986
```
#052986 rgb(5,41,134)
```
#062e99
```
#062e99 rgb(6,46,153)
```
#0734ac
```
#0734ac rgb(7,52,172)
```
#083abf
```
#083abf rgb(8,58,191)
```
#0840d2
```
#0840d2 rgb(8,64,210)
```
#0945e5
```
#0945e5 rgb(9,69,229)
```

Shade Color Variation

#0c4cf5
```
#0c4cf5 rgb(12,76,245)
```
#1f5af6
```
#1f5af6 rgb(31,90,246)
```
#3268f7
```
#3268f7 rgb(50,104,247)
```
#4576f8
```
#4576f8 rgb(69,118,248)
```
#5884f8
```
#5884f8 rgb(88,132,248)
```
#6a92f9
```
#6a92f9 rgb(106,146,249)
```
#7d9ffa
```
#7d9ffa rgb(125,159,250)
```
#90adfb
```
#90adfb rgb(144,173,251)
```
#a3bbfb
```
#a3bbfb rgb(163,187,251)
```
#b6c9fc
```
#b6c9fc rgb(182,201,252)
```
#c9d7fd
```
#c9d7fd rgb(201,215,253)
```
#dce5fe
```
#dce5fe rgb(220,229,254)
```
#eef3fe
```
#eef3fe rgb(238,243,254)
```

Tint Color Variation

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

#828693
```
#828693 rgb(130,134,147)
```
#79829c
```
#79829c rgb(121,130,156)
```
#707ea5
```
#707ea5 rgb(112,126,165)
```
#677aae
```
#677aae rgb(103,122,174)
```
#5e76b7
```
#5e76b7 rgb(94,118,183)
```
#5572c0
```
#5572c0 rgb(85,114,192)
```
#4c6ec9
```
#4c6ec9 rgb(76,110,201)
```
#436ad2
```
#436ad2 rgb(67,106,210)
```
#3a66db
```
#3a66db rgb(58,102,219)
```
#3162e4
```
#3162e4 rgb(49,98,228)
```
#285eed
```
#285eed rgb(40,94,237)
```
#1f5af6
```
#1f5af6 rgb(31,90,246)
```
#1656ff
```
#1656ff rgb(22,86,255)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4e5a79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#0b66e1 Protanomaly 1% of men, 0.01% of women
#0b6ad0 Deuteranomaly 6% of men, 0.4% of women
#0b6fac Tritanomaly 0.01% of the population

#1f5af6 hex color

#1f5af6 Color Information

#1f5af6 Color Conversion

Color Schemes with #1f5af6

Alternatives to #1f5af6

#1f5af6 Preview

Shades and Tints of #1f5af6

Tones of #1f5af6

Color Blindness Simulator