colorhexa.com

#5734e2 hex color

In a RGB color space, hex #5734e2 is composed of 34.1% red, 20.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 77% magenta, 0% yellow and 11.4% black. It has a hue angle of 252.1 degrees, a saturation of 75% and a lightness of 54.5%. #5734e2 color hex could be obtained by blending #ae68ff with #0000c5. Closest websafe color is: #6633cc.

- R 34
- G 20
- B 89
RGB color chart
- C 62
- M 77
- Y 0
- K 11
CMYK color chart

● #5734e2 color description : Bright blue.

The hexadecimal color #5734e2 has RGB values of R:87, G:52, B:226 and CMYK values of C:0.62, M:0.77, Y:0, K:0.11. Its decimal value is 5715170.

Hex triplet	5734e2	`#5734e2`
RGB Decimal	87, 52, 226	`rgb(87,52,226)`
RGB Percent	34.1, 20.4, 88.6	`rgb(34.1%,20.4%,88.6%)`
CMYK	62, 77, 0, 11
HSL	252.1°, 75, 54.5	`hsl(252.1,75%,54.5%)`
HSV (or HSB)	252.1°, 77, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.793, 59.888, -82.201
XYZ	18.883, 9.973, 72.877
xyY	0.186, 0.098, 9.973
CIE-LCH	37.793, 101.703, 306.075
CIE-LUV	37.793, -1.334, -116.184
Hunter-Lab	31.579, 51.473, -114.721
Binary	01010111, 00110100, 11100010

#5734e2
```
#5734e2 rgb(87,52,226)
```
#bfe234
```
#bfe234 rgb(191,226,52)
```

Complementary Color

#3468e2
```
#3468e2 rgb(52,104,226)
```
#5734e2
```
#5734e2 rgb(87,52,226)
```
#ae34e2
```
#ae34e2 rgb(174,52,226)
```

Analogous Color

#68e234
```
#68e234 rgb(104,226,52)
```
#5734e2
```
#5734e2 rgb(87,52,226)
```
#e2ae34
```
#e2ae34 rgb(226,174,52)
```

Split Complementary Color

#34e257
```
#34e257 rgb(52,226,87)
```
#5734e2
```
#5734e2 rgb(87,52,226)
```
#e25734
```
#e25734 rgb(226,87,52)
```

Triadic Color

#34bfe2
```
#34bfe2 rgb(52,191,226)
```
#5734e2
```
#5734e2 rgb(87,52,226)
```
#e25734
```
#e25734 rgb(226,87,52)
```
#bfe234
```
#bfe234 rgb(191,226,52)
```

Tetradic Color

#3819b0
```
#3819b0 rgb(56,25,176)
```
#3f1cc7
```
#3f1cc7 rgb(63,28,199)
```
#4620dd
```
#4620dd rgb(70,32,221)
```
#5734e2
```
#5734e2 rgb(87,52,226)
```
#694ae5
```
#694ae5 rgb(105,74,229)
```
#7c61e8
```
#7c61e8 rgb(124,97,232)
```
#8e77ec
```
#8e77ec rgb(142,119,236)
```

Monochromatic Color

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

#343de2
```
#343de2 rgb(52,61,226)
```
#3a34e2
```
#3a34e2 rgb(58,52,226)
```
#4834e2
```
#4834e2 rgb(72,52,226)
```
#5734e2
```
#5734e2 rgb(87,52,226)
```
#6634e2
```
#6634e2 rgb(102,52,226)
```
#7434e2
```
#7434e2 rgb(116,52,226)
```
#8334e2
```
#8334e2 rgb(131,52,226)
```

Similar Colors

Text with hexadecimal color #5734e2

This text has a font color of #5734e2.

<span style="color:#5734e2;">Text here</span>

#5734e2 background color

This paragraph has a background color of #5734e2.

<p style="background-color:#5734e2;">Content here</p>

#5734e2 border color

This element has a border color of #5734e2.

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

CSS codes

.text {color:#5734e2;}

.background {background-color:#5734e2;}

.border {border:1px solid #5734e2;}

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

#010003
```
#010003 rgb(1,0,3)
```
#060314
```
#060314 rgb(6,3,20)
```
#0c0525
```
#0c0525 rgb(12,5,37)
```
#110836
```
#110836 rgb(17,8,54)
```
#170a48
```
#170a48 rgb(23,10,72)
```
#1c0d59
```
#1c0d59 rgb(28,13,89)
```
#210f6a
```
#210f6a rgb(33,15,106)
```
#27127b
```
#27127b rgb(39,18,123)
```
#2c148c
```
#2c148c rgb(44,20,140)
```
#32169d
```
#32169d rgb(50,22,157)
```
#3719af
```
#3719af rgb(55,25,175)
```
#3c1bc0
```
#3c1bc0 rgb(60,27,192)
```
#421ed1
```
#421ed1 rgb(66,30,209)
```

Shade Color Variation

#4923e0
```
#4923e0 rgb(73,35,224)
```
#5734e2
```
#5734e2 rgb(87,52,226)
```
#6545e4
```
#6545e4 rgb(101,69,228)
```
#7356e7
```
#7356e7 rgb(115,86,231)
```
#8267e9
```
#8267e9 rgb(130,103,233)
```
#9079ec
```
#9079ec rgb(144,121,236)
```
#9e8aee
```
#9e8aee rgb(158,138,238)
```
#ac9bf1
```
#ac9bf1 rgb(172,155,241)
```
#baacf3
```
#baacf3 rgb(186,172,243)
```
#c9bdf6
```
#c9bdf6 rgb(201,189,246)
```
#d7cef8
```
#d7cef8 rgb(215,206,248)
```
#e5e0fb
```
#e5e0fb rgb(229,224,251)
```
#f3f1fd
```
#f3f1fd rgb(243,241,253)
```

Tint Color Variation

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

#878492
```
#878492 rgb(135,132,146)
```
#827b9b
```
#827b9b rgb(130,123,155)
```
#7c72a4
```
#7c72a4 rgb(124,114,164)
```
#776aac
```
#776aac rgb(119,106,172)
```
#7261b5
```
#7261b5 rgb(114,97,181)
```
#6c58be
```
#6c58be rgb(108,88,190)
```
#674fc7
```
#674fc7 rgb(103,79,199)
```
#6246d0
```
#6246d0 rgb(98,70,208)
```
#5c3dd9
```
#5c3dd9 rgb(92,61,217)
```
#5734e2
```
#5734e2 rgb(87,52,226)
```
#522beb
```
#522beb rgb(82,43,235)
```
#4c22f4
```
#4c22f4 rgb(76,34,244)
```
#4719fd
```
#4719fd rgb(71,25,253)
```

Tone Color Variation

Below, you can see how #5734e2 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

#525252 Achromatopsia 0.005% of the population
#534c6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0064a0 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#1f4fc7 Protanomaly 1% of men, 0.01% of women
#1f52b8 Deuteranomaly 6% of men, 0.4% of women
#1f579a Tritanomaly 0.01% of the population