#5142f9 hex color

In a RGB color space, hex #5142f9 is composed of 31.8% red, 25.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 73.5% magenta, 0% yellow and 2.4% black. It has a hue angle of 244.9 degrees, a saturation of 93.8% and a lightness of 61.8%. #5142f9 color hex could be obtained by blending #a284ff with #0000f3. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 32
- G 26
- B 98
RGB color chart
- C 67
- M 73
- Y 0
- K 2
CMYK color chart

● #5142f9 color description : Bright blue.

The hexadecimal color #5142f9 has RGB values of R:81, G:66, B:249 and CMYK values of C:0.67, M:0.73, Y:0, K:0.02. Its decimal value is 5325561.

Hex triplet	5142f9	`#5142f9`
RGB Decimal	81, 66, 249	`rgb(81,66,249)`
RGB Percent	31.8, 25.9, 97.6	`rgb(31.8%,25.9%,97.6%)`
CMYK	67, 73, 0, 2
HSL	244.9°, 93.8, 61.8	`hsl(244.9,93.8%,61.8%)`
HSV (or HSB)	244.9°, 73.5, 97.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.976, 59.12, -88.325
XYZ	22.437, 12.484, 90.845
xyY	0.178, 0.099, 12.484
CIE-LCH	41.976, 106.285, 303.797
CIE-LUV	41.976, -6.401, -128.422
Hunter-Lab	35.333, 51.518, -127.708
Binary	01010001, 01000010, 11111001

#5142f9
```
#5142f9 rgb(81,66,249)
```
#eaf942
```
#eaf942 rgb(234,249,66)
```

Complementary Color

#428ff9
```
#428ff9 rgb(66,143,249)
```
#5142f9
```
#5142f9 rgb(81,66,249)
```
#ad42f9
```
#ad42f9 rgb(173,66,249)
```

Analogous Color

#8ff942
```
#8ff942 rgb(143,249,66)
```
#5142f9
```
#5142f9 rgb(81,66,249)
```
#f9ad42
```
#f9ad42 rgb(249,173,66)
```

Split Complementary Color

#42f951
```
#42f951 rgb(66,249,81)
```
#5142f9
```
#5142f9 rgb(81,66,249)
```
#f95142
```
#f95142 rgb(249,81,66)
```

Triadic Color

#42eaf9
```
#42eaf9 rgb(66,234,249)
```
#5142f9
```
#5142f9 rgb(81,66,249)
```
#f95142
```
#f95142 rgb(249,81,66)
```
#eaf942
```
#eaf942 rgb(234,249,66)
```

Tetradic Color

#1a07e7
```
#1a07e7 rgb(26,7,231)
```
#2311f7
```
#2311f7 rgb(35,17,247)
```
#3a29f8
```
#3a29f8 rgb(58,41,248)
```
#5142f9
```
#5142f9 rgb(81,66,249)
```
#685bfa
```
#685bfa rgb(104,91,250)
```
#7f73fb
```
#7f73fb rgb(127,115,251)
```
#958cfb
```
#958cfb rgb(149,140,251)
```

Monochromatic Color

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

#4261f9
```
#4261f9 rgb(66,97,249)
```
#4252f9
```
#4252f9 rgb(66,82,249)
```
#4242f9
```
#4242f9 rgb(66,66,249)
```
#5142f9
```
#5142f9 rgb(81,66,249)
```
#6042f9
```
#6042f9 rgb(96,66,249)
```
#7042f9
```
#7042f9 rgb(112,66,249)
```
#7f42f9
```
#7f42f9 rgb(127,66,249)
```

Similar Colors

Text with hexadecimal color #5142f9

This text has a font color of #5142f9.

<span style="color:#5142f9;">Text here</span>

#5142f9 background color

This paragraph has a background color of #5142f9.

<p style="background-color:#5142f9;">Content here</p>

#5142f9 border color

This element has a border color of #5142f9.

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

CSS codes

.text {color:#5142f9;}

.background {background-color:#5142f9;}

.border {border:1px solid #5142f9;}

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

#000001
```
#000001 rgb(0,0,1)
```
#020114
```
#020114 rgb(2,1,20)
```
#040127
```
#040127 rgb(4,1,39)
```
#06023a
```
#06023a rgb(6,2,58)
```
#09024d
```
#09024d rgb(9,2,77)
```
#0b0360
```
#0b0360 rgb(11,3,96)
```
#0d0473
```
#0d0473 rgb(13,4,115)
```
#0f0486
```
#0f0486 rgb(15,4,134)
```
#110599
```
#110599 rgb(17,5,153)
```
#1305ac
```
#1305ac rgb(19,5,172)
```
#1506bf
```
#1506bf rgb(21,6,191)
```
#1707d2
```
#1707d2 rgb(23,7,210)
```
#1907e5
```
#1907e5 rgb(25,7,229)
```

Shade Color Variation

#1c09f7
```
#1c09f7 rgb(28,9,247)
```
#2e1cf8
```
#2e1cf8 rgb(46,28,248)
```
#3f2ff8
```
#3f2ff8 rgb(63,47,248)
```
#5142f9
```
#5142f9 rgb(81,66,249)
```
#6355fa
```
#6355fa rgb(99,85,250)
```
#7468fa
```
#7468fa rgb(116,104,250)
```
#867bfb
```
#867bfb rgb(134,123,251)
```
#978efb
```
#978efb rgb(151,142,251)
```
#a9a1fc
```
#a9a1fc rgb(169,161,252)
```
#bab4fd
```
#bab4fd rgb(186,180,253)
```
#ccc7fd
```
#ccc7fd rgb(204,199,253)
```
#dddafe
```
#dddafe rgb(221,218,254)
```
#efedfe
```
#efedfe rgb(239,237,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9c9f is the less saturated color, while #5142f9 is the most saturated one.

#9c9c9f
```
#9c9c9f rgb(156,156,159)
```
#9695a7
```
#9695a7 rgb(150,149,167)
```
#908dae
```
#908dae rgb(144,141,174)
```
#8986b6
```
#8986b6 rgb(137,134,182)
```
#837ebd
```
#837ebd rgb(131,126,189)
```
#7d77c5
```
#7d77c5 rgb(125,119,197)
```
#776fcc
```
#776fcc rgb(119,111,204)
```
#7068d4
```
#7068d4 rgb(112,104,212)
```
#6a60db
```
#6a60db rgb(106,96,219)
```
#6459e3
```
#6459e3 rgb(100,89,227)
```
#5e51ea
```
#5e51ea rgb(94,81,234)
```
#574af2
```
#574af2 rgb(87,74,242)
```
#5142f9
```
#5142f9 rgb(81,66,249)
```

Tone Color Variation

Below, you can see how #5142f9 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

#5b5b5b Achromatopsia 0.005% of the population
#59567b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068ca Protanopia 1% of men
#006eaf Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#1d5adb Protanomaly 1% of men, 0.01% of women
#1d5eca Deuteranomaly 6% of men, 0.4% of women
#1d62a9 Tritanomaly 0.01% of the population

#5142f9 hex color

#5142f9 Color Information

#5142f9 Color Conversion

Color Schemes with #5142f9

Alternatives to #5142f9

#5142f9 Preview

Shades and Tints of #5142f9

Tones of #5142f9

Color Blindness Simulator