#534cf4 hex color

In a RGB color space, hex #534cf4 is composed of 32.5% red, 29.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 68.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 242.5 degrees, a saturation of 88.4% and a lightness of 62.7%. #534cf4 color hex could be obtained by blending #a698ff with #0000e9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 30
- B 96
RGB color chart
- C 66
- M 69
- Y 0
- K 4
CMYK color chart

● #534cf4 color description : Soft blue.

The hexadecimal color #534cf4 has RGB values of R:83, G:76, B:244 and CMYK values of C:0.66, M:0.69, Y:0, K:0.04. Its decimal value is 5459188.

Hex triplet	534cf4	`#534cf4`
RGB Decimal	83, 76, 244	`rgb(83,76,244)`
RGB Percent	32.5, 29.8, 95.7	`rgb(32.5%,29.8%,95.7%)`
CMYK	66, 69, 0, 4
HSL	242.5°, 88.4, 62.7	`hsl(242.5,88.4%,62.7%)`
HSV (or HSB)	242.5°, 68.9, 95.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.564, 52.462, -82.9
XYZ	22.478, 13.538, 87.012
xyY	0.183, 0.11, 13.538
CIE-LCH	43.564, 98.106, 302.327
CIE-LUV	43.564, -7.398, -123.418
Hunter-Lab	36.795, 44.654, -114.452
Binary	01010011, 01001100, 11110100

#534cf4
```
#534cf4 rgb(83,76,244)
```
#edf44c
```
#edf44c rgb(237,244,76)
```

Complementary Color

#4c99f4
```
#4c99f4 rgb(76,153,244)
```
#534cf4
```
#534cf4 rgb(83,76,244)
```
#a74cf4
```
#a74cf4 rgb(167,76,244)
```

Analogous Color

#99f44c
```
#99f44c rgb(153,244,76)
```
#534cf4
```
#534cf4 rgb(83,76,244)
```
#f4a74c
```
#f4a74c rgb(244,167,76)
```

Split Complementary Color

#4cf453
```
#4cf453 rgb(76,244,83)
```
#534cf4
```
#534cf4 rgb(83,76,244)
```
#f4534c
```
#f4534c rgb(244,83,76)
```

Triadic Color

#4cedf4
```
#4cedf4 rgb(76,237,244)
```
#534cf4
```
#534cf4 rgb(83,76,244)
```
#f4534c
```
#f4534c rgb(244,83,76)
```
#edf44c
```
#edf44c rgb(237,244,76)
```

Tetradic Color

#170ee5
```
#170ee5 rgb(23,14,229)
```
#251cf1
```
#251cf1 rgb(37,28,241)
```
#3c34f3
```
#3c34f3 rgb(60,52,243)
```
#534cf4
```
#534cf4 rgb(83,76,244)
```
#6a64f5
```
#6a64f5 rgb(106,100,245)
```
#817cf7
```
#817cf7 rgb(129,124,247)
```
#9894f8
```
#9894f8 rgb(152,148,248)
```

Monochromatic Color

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

#4c6ff4
```
#4c6ff4 rgb(76,111,244)
```
#4c61f4
```
#4c61f4 rgb(76,97,244)
```
#4c53f4
```
#4c53f4 rgb(76,83,244)
```
#534cf4
```
#534cf4 rgb(83,76,244)
```
#614cf4
```
#614cf4 rgb(97,76,244)
```
#6f4cf4
```
#6f4cf4 rgb(111,76,244)
```
#7d4cf4
```
#7d4cf4 rgb(125,76,244)
```

Similar Colors

Text with hexadecimal color #534cf4

This text has a font color of #534cf4.

<span style="color:#534cf4;">Text here</span>

#534cf4 background color

This paragraph has a background color of #534cf4.

<p style="background-color:#534cf4;">Content here</p>

#534cf4 border color

This element has a border color of #534cf4.

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

CSS codes

.text {color:#534cf4;}

.background {background-color:#534cf4;}

.border {border:1px solid #534cf4;}

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

#010006
```
#010006 rgb(1,0,6)
```
#020118
```
#020118 rgb(2,1,24)
```
#04032b
```
#04032b rgb(4,3,43)
```
#06043d
```
#06043d rgb(6,4,61)
```
#080550
```
#080550 rgb(8,5,80)
```
#0a0662
```
#0a0662 rgb(10,6,98)
```
#0c0775
```
#0c0775 rgb(12,7,117)
```
#0e0887
```
#0e0887 rgb(14,8,135)
```
#0f099a
```
#0f099a rgb(15,9,154)
```
#110bac
```
#110bac rgb(17,11,172)
```
#130cbf
```
#130cbf rgb(19,12,191)
```
#150dd1
```
#150dd1 rgb(21,13,209)
```
#170ee4
```
#170ee4 rgb(23,14,228)
```

Shade Color Variation

#1e15f1
```
#1e15f1 rgb(30,21,241)
```
#2f27f2
```
#2f27f2 rgb(47,39,242)
```
#413af3
```
#413af3 rgb(65,58,243)
```
#534cf4
```
#534cf4 rgb(83,76,244)
```
#655ef5
```
#655ef5 rgb(101,94,245)
```
#7771f6
```
#7771f6 rgb(119,113,246)
```
#8883f7
```
#8883f7 rgb(136,131,247)
```
#9a96f9
```
#9a96f9 rgb(154,150,249)
```
#aca8fa
```
#aca8fa rgb(172,168,250)
```
#bebbfb
```
#bebbfb rgb(190,187,251)
```
#cfcdfc
```
#cfcdfc rgb(207,205,252)
```
#e1e0fd
```
#e1e0fd rgb(225,224,253)
```
#f3f2fe
```
#f3f2fe rgb(243,242,254)
```

Tint Color Variation

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

#9d9ca4
```
#9d9ca4 rgb(157,156,164)
```
#9695ab
```
#9695ab rgb(150,149,171)
```
#8f8eb2
```
#8f8eb2 rgb(143,142,178)
```
#8986ba
```
#8986ba rgb(137,134,186)
```
#827fc1
```
#827fc1 rgb(130,127,193)
```
#7b78c8
```
#7b78c8 rgb(123,120,200)
```
#7471cf
```
#7471cf rgb(116,113,207)
```
#6e69d7
```
#6e69d7 rgb(110,105,215)
```
#6762de
```
#6762de rgb(103,98,222)
```
#605be5
```
#605be5 rgb(96,91,229)
```
#5a53ed
```
#5a53ed rgb(90,83,237)
```
#534cf4
```
#534cf4 rgb(83,76,244)
```
#4c45fb
```
#4c45fb rgb(76,69,251)
```

Tone Color Variation

Below, you can see how #534cf4 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

#616161 Achromatopsia 0.005% of the population
#5e5d7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#1e60de Protanomaly 1% of men, 0.01% of women
#1e64cc Deuteranomaly 6% of men, 0.4% of women
#1e69ab Tritanomaly 0.01% of the population

#534cf4 hex color

#534cf4 Color Information

#534cf4 Color Conversion

Color Schemes with #534cf4

Alternatives to #534cf4

#534cf4 Preview

Shades and Tints of #534cf4

Tones of #534cf4

Color Blindness Simulator