#5731fa hex color

In a RGB color space, hex #5731fa is composed of 34.1% red, 19.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 80.4% magenta, 0% yellow and 2% black. It has a hue angle of 251.3 degrees, a saturation of 95.3% and a lightness of 58.6%. #5731fa color hex could be obtained by blending #ae62ff with #0000f5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 19
- B 98
RGB color chart
- C 65
- M 80
- Y 0
- K 2
CMYK color chart

● #5731fa color description : Bright blue.

The hexadecimal color #5731fa has RGB values of R:87, G:49, B:250 and CMYK values of C:0.65, M:0.8, Y:0, K:0.02. Its decimal value is 5714426.

Hex triplet	5731fa	`#5731fa`
RGB Decimal	87, 49, 250	`rgb(87,49,250)`
RGB Percent	34.1, 19.2, 98	`rgb(34.1%,19.2%,98%)`
CMYK	65, 80, 0, 2
HSL	251.3°, 95.3, 58.6	`hsl(251.3,95.3%,58.6%)`
HSV (or HSB)	251.3°, 80.4, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.789, 67.828, -92.485
XYZ	22.281, 11.124, 91.41
xyY	0.179, 0.089, 11.124
CIE-LCH	39.789, 114.691, 306.256
CIE-LUV	39.789, -2.847, -130.49
Hunter-Lab	33.353, 60.877, -139.15
Binary	01010111, 00110001, 11111010

#5731fa
```
#5731fa rgb(87,49,250)
```
#d4fa31
```
#d4fa31 rgb(212,250,49)
```

Complementary Color

#3170fa
```
#3170fa rgb(49,112,250)
```
#5731fa
```
#5731fa rgb(87,49,250)
```
#bc31fa
```
#bc31fa rgb(188,49,250)
```

Analogous Color

#70fa31
```
#70fa31 rgb(112,250,49)
```
#5731fa
```
#5731fa rgb(87,49,250)
```
#fabc31
```
#fabc31 rgb(250,188,49)
```

Split Complementary Color

#31fa57
```
#31fa57 rgb(49,250,87)
```
#5731fa
```
#5731fa rgb(87,49,250)
```
#fa5731
```
#fa5731 rgb(250,87,49)
```

Triadic Color

#31d4fa
```
#31d4fa rgb(49,212,250)
```
#5731fa
```
#5731fa rgb(87,49,250)
```
#fa5731
```
#fa5731 rgb(250,87,49)
```
#d4fa31
```
#d4fa31 rgb(212,250,49)
```

Tetradic Color

#2d05d9
```
#2d05d9 rgb(45,5,217)
```
#3306f2
```
#3306f2 rgb(51,6,242)
```
#4318f9
```
#4318f9 rgb(67,24,249)
```
#5731fa
```
#5731fa rgb(87,49,250)
```
#6b4afb
```
#6b4afb rgb(107,74,251)
```
#8063fb
```
#8063fb rgb(128,99,251)
```
#947cfc
```
#947cfc rgb(148,124,252)
```

Monochromatic Color

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

#313dfa
```
#313dfa rgb(49,61,250)
```
#3631fa
```
#3631fa rgb(54,49,250)
```
#4631fa
```
#4631fa rgb(70,49,250)
```
#5731fa
```
#5731fa rgb(87,49,250)
```
#6831fa
```
#6831fa rgb(104,49,250)
```
#7931fa
```
#7931fa rgb(121,49,250)
```
#8931fa
```
#8931fa rgb(137,49,250)
```

Similar Colors

Text with hexadecimal color #5731fa

This text has a font color of #5731fa.

<span style="color:#5731fa;">Text here</span>

#5731fa background color

This paragraph has a background color of #5731fa.

<p style="background-color:#5731fa;">Content here</p>

#5731fa border color

This element has a border color of #5731fa.

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

CSS codes

.text {color:#5731fa;}

.background {background-color:#5731fa;}

.border {border:1px solid #5731fa;}

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

#010005
```
#010005 rgb(1,0,5)
```
#050118
```
#050118 rgb(5,1,24)
```
#09012b
```
#09012b rgb(9,1,43)
```
#0d023e
```
#0d023e rgb(13,2,62)
```
#110251
```
#110251 rgb(17,2,81)
```
#150264
```
#150264 rgb(21,2,100)
```
#190378
```
#190378 rgb(25,3,120)
```
#1d038b
```
#1d038b rgb(29,3,139)
```
#21049e
```
#21049e rgb(33,4,158)
```
#2504b1
```
#2504b1 rgb(37,4,177)
```
#2905c4
```
#2905c4 rgb(41,5,196)
```
#2d05d7
```
#2d05d7 rgb(45,5,215)
```
#3106ea
```
#3106ea rgb(49,6,234)
```

Shade Color Variation

#380bf9
```
#380bf9 rgb(56,11,249)
```
#471efa
```
#471efa rgb(71,30,250)
```
#5731fa
```
#5731fa rgb(87,49,250)
```
#6744fa
```
#6744fa rgb(103,68,250)
```
#7657fb
```
#7657fb rgb(118,87,251)
```
#866afb
```
#866afb rgb(134,106,251)
```
#957efc
```
#957efc rgb(149,126,252)
```
#a591fc
```
#a591fc rgb(165,145,252)
```
#b5a4fd
```
#b5a4fd rgb(181,164,253)
```
#c4b7fd
```
#c4b7fd rgb(196,183,253)
```
#d4cafe
```
#d4cafe rgb(212,202,254)
```
#e4ddfe
```
#e4ddfe rgb(228,221,254)
```
#f3f1ff
```
#f3f1ff rgb(243,241,255)
```

Tint Color Variation

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

#949299
```
#949299 rgb(148,146,153)
```
#8f8aa1
```
#8f8aa1 rgb(143,138,161)
```
#8982a9
```
#8982a9 rgb(137,130,169)
```
#847ab1
```
#847ab1 rgb(132,122,177)
```
#7f72b9
```
#7f72b9 rgb(127,114,185)
```
#7a6ac1
```
#7a6ac1 rgb(122,106,193)
```
#7562c9
```
#7562c9 rgb(117,98,201)
```
#705ad1
```
#705ad1 rgb(112,90,209)
```
#6b51da
```
#6b51da rgb(107,81,218)
```
#6649e2
```
#6649e2 rgb(102,73,226)
```
#6141ea
```
#6141ea rgb(97,65,234)
```
#5c39f2
```
#5c39f2 rgb(92,57,242)
```
#5731fa
```
#5731fa rgb(87,49,250)
```

Tone Color Variation

Below, you can see how #5731fa 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

#535353 Achromatopsia 0.005% of the population
#544c74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c0 Protanopia 1% of men
#0069a7 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#1f51d5 Protanomaly 1% of men, 0.01% of women
#1f54c5 Deuteranomaly 6% of men, 0.4% of women
#1f59a6 Tritanomaly 0.01% of the population

#5731fa hex color

#5731fa Color Information

#5731fa Color Conversion

Color Schemes with #5731fa

Alternatives to #5731fa

#5731fa Preview

Shades and Tints of #5731fa

Tones of #5731fa

Color Blindness Simulator