#5742fd hex color

In a RGB color space, hex #5742fd is composed of 34.1% red, 25.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 73.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 246.7 degrees, a saturation of 97.9% and a lightness of 62.5%. #5742fd color hex could be obtained by blending #ae84ff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 26
- B 99
RGB color chart
- C 66
- M 74
- Y 0
- K 1
CMYK color chart

● #5742fd color description : Bright blue.

The hexadecimal color #5742fd has RGB values of R:87, G:66, B:253 and CMYK values of C:0.66, M:0.74, Y:0, K:0.01. Its decimal value is 5718781.

Hex triplet	5742fd	`#5742fd`
RGB Decimal	87, 66, 253	`rgb(87,66,253)`
RGB Percent	34.1, 25.9, 99.2	`rgb(34.1%,25.9%,99.2%)`
CMYK	66, 74, 0, 1
HSL	246.7°, 97.9, 62.5	`hsl(246.7,97.9%,62.5%)`
HSV (or HSB)	246.7°, 73.9, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.783, 60.909, -89.216
XYZ	23.605, 13.013, 94.191
xyY	0.18, 0.099, 13.013
CIE-LCH	42.783, 108.025, 304.322
CIE-LUV	42.783, -5.295, -130.558
Hunter-Lab	36.074, 53.671, -129.557
Binary	01010111, 01000010, 11111101

#5742fd
```
#5742fd rgb(87,66,253)
```
#e8fd42
```
#e8fd42 rgb(232,253,66)
```

Complementary Color

#428bfd
```
#428bfd rgb(66,139,253)
```
#5742fd
```
#5742fd rgb(87,66,253)
```
#b542fd
```
#b542fd rgb(181,66,253)
```

Analogous Color

#8bfd42
```
#8bfd42 rgb(139,253,66)
```
#5742fd
```
#5742fd rgb(87,66,253)
```
#fdb542
```
#fdb542 rgb(253,181,66)
```

Split Complementary Color

#42fd57
```
#42fd57 rgb(66,253,87)
```
#5742fd
```
#5742fd rgb(87,66,253)
```
#fd5742
```
#fd5742 rgb(253,87,66)
```

Triadic Color

#42e8fd
```
#42e8fd rgb(66,232,253)
```
#5742fd
```
#5742fd rgb(87,66,253)
```
#fd5742
```
#fd5742 rgb(253,87,66)
```
#e8fd42
```
#e8fd42 rgb(232,253,66)
```

Tetradic Color

#1d03f0
```
#1d03f0 rgb(29,3,240)
```
#2a10fc
```
#2a10fc rgb(42,16,252)
```
#4129fd
```
#4129fd rgb(65,41,253)
```
#5742fd
```
#5742fd rgb(87,66,253)
```
#6d5bfd
```
#6d5bfd rgb(109,91,253)
```
#8474fe
```
#8474fe rgb(132,116,254)
```
#9a8efe
```
#9a8efe rgb(154,142,254)
```

Monochromatic Color

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

#425cfd
```
#425cfd rgb(66,92,253)
```
#424cfd
```
#424cfd rgb(66,76,253)
```
#4742fd
```
#4742fd rgb(71,66,253)
```
#5742fd
```
#5742fd rgb(87,66,253)
```
#6742fd
```
#6742fd rgb(103,66,253)
```
#7642fd
```
#7642fd rgb(118,66,253)
```
#8642fd
```
#8642fd rgb(134,66,253)
```

Similar Colors

Text with hexadecimal color #5742fd

This text has a font color of #5742fd.

<span style="color:#5742fd;">Text here</span>

#5742fd background color

This paragraph has a background color of #5742fd.

<p style="background-color:#5742fd;">Content here</p>

#5742fd border color

This element has a border color of #5742fd.

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

CSS codes

.text {color:#5742fd;}

.background {background-color:#5742fd;}

.border {border:1px solid #5742fd;}

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

#010005
```
#010005 rgb(1,0,5)
```
#030019
```
#030019 rgb(3,0,25)
```
#05002c
```
#05002c rgb(5,0,44)
```
#08013f
```
#08013f rgb(8,1,63)
```
#0a0153
```
#0a0153 rgb(10,1,83)
```
#0c0166
```
#0c0166 rgb(12,1,102)
```
#0f017a
```
#0f017a rgb(15,1,122)
```
#11018d
```
#11018d rgb(17,1,141)
```
#1402a0
```
#1402a0 rgb(20,2,160)
```
#1602b4
```
#1602b4 rgb(22,2,180)
```
#1802c7
```
#1802c7 rgb(24,2,199)
```
#1b02db
```
#1b02db rgb(27,2,219)
```
#1d03ee
```
#1d03ee rgb(29,3,238)
```

Shade Color Variation

#2308fc
```
#2308fc rgb(35,8,252)
```
#341bfd
```
#341bfd rgb(52,27,253)
```
#462ffd
```
#462ffd rgb(70,47,253)
```
#5742fd
```
#5742fd rgb(87,66,253)
```
#6855fd
```
#6855fd rgb(104,85,253)
```
#7a69fd
```
#7a69fd rgb(122,105,253)
```
#8b7cfe
```
#8b7cfe rgb(139,124,254)
```
#9c90fe
```
#9c90fe rgb(156,144,254)
```
#ada3fe
```
#ada3fe rgb(173,163,254)
```
#bfb6fe
```
#bfb6fe rgb(191,182,254)
```
#d0cafe
```
#d0cafe rgb(208,202,254)
```
#e1ddff
```
#e1ddff rgb(225,221,255)
```
#f2f1ff
```
#f2f1ff rgb(242,241,255)
```

Tint Color Variation

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

#9b9aa5
```
#9b9aa5 rgb(155,154,165)
```
#9693ac
```
#9693ac rgb(150,147,172)
```
#908bb4
```
#908bb4 rgb(144,139,180)
```
#8a84bb
```
#8a84bb rgb(138,132,187)
```
#857dc2
```
#857dc2 rgb(133,125,194)
```
#7f75ca
```
#7f75ca rgb(127,117,202)
```
#796ed1
```
#796ed1 rgb(121,110,209)
```
#7367d8
```
#7367d8 rgb(115,103,216)
```
#6e5fe0
```
#6e5fe0 rgb(110,95,224)
```
#6858e7
```
#6858e7 rgb(104,88,231)
```
#6251ee
```
#6251ee rgb(98,81,238)
```
#5d49f6
```
#5d49f6 rgb(93,73,246)
```
#5742fd
```
#5742fd rgb(87,66,253)
```

Tone Color Variation

Below, you can see how #5742fd 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

#5e5e5e Achromatopsia 0.005% of the population
#5d587e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#0070b2 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#1f5bdf Protanomaly 1% of men, 0.01% of women
#1f5fcd Deuteranomaly 6% of men, 0.4% of women
#1f64ac Tritanomaly 0.01% of the population

#5742fd hex color

#5742fd Color Information

#5742fd Color Conversion

Color Schemes with #5742fd

Alternatives to #5742fd

#5742fd Preview

Shades and Tints of #5742fd

Tones of #5742fd

Color Blindness Simulator