#534fa5 hex color

In a RGB color space, hex #534fa5 is composed of 32.5% red, 31% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 52.1% magenta, 0% yellow and 35.3% black. It has a hue angle of 242.8 degrees, a saturation of 35.2% and a lightness of 47.8%. #534fa5 color hex could be obtained by blending #a69eff with #00004b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 31
- B 65
RGB color chart
- C 50
- M 52
- Y 0
- K 35
CMYK color chart

● #534fa5 color description : Dark moderate blue.

The hexadecimal color #534fa5 has RGB values of R:83, G:79, B:165 and CMYK values of C:0.5, M:0.52, Y:0, K:0.35. Its decimal value is 5459877.

Hex triplet	534fa5	`#534fa5`
RGB Decimal	83, 79, 165	`rgb(83,79,165)`
RGB Percent	32.5, 31, 64.7	`rgb(32.5%,31%,64.7%)`
CMYK	50, 52, 0, 35
HSL	242.8°, 35.2, 47.8	`hsl(242.8,35.2%,47.8%)`
HSV (or HSB)	242.8°, 52.1, 64.7
Web Safe	666699	`#666699`

CIE-LAB	38.105, 25.413, -46.105
XYZ	13.153, 10.147, 36.861
xyY	0.219, 0.169, 10.147
CIE-LCH	38.105, 52.645, 298.863
CIE-LUV	38.105, -3.552, -68.055
Hunter-Lab	31.855, 17.961, -46.309
Binary	01010011, 01001111, 10100101

#534fa5
```
#534fa5 rgb(83,79,165)
```
#a1a54f
```
#a1a54f rgb(161,165,79)
```

Complementary Color

#4f76a5
```
#4f76a5 rgb(79,118,165)
```
#534fa5
```
#534fa5 rgb(83,79,165)
```
#7e4fa5
```
#7e4fa5 rgb(126,79,165)
```

Analogous Color

#76a54f
```
#76a54f rgb(118,165,79)
```
#534fa5
```
#534fa5 rgb(83,79,165)
```
#a57e4f
```
#a57e4f rgb(165,126,79)
```

Split Complementary Color

#4fa553
```
#4fa553 rgb(79,165,83)
```
#534fa5
```
#534fa5 rgb(83,79,165)
```
#a5534f
```
#a5534f rgb(165,83,79)
```

Triadic Color

#4fa1a5
```
#4fa1a5 rgb(79,161,165)
```
#534fa5
```
#534fa5 rgb(83,79,165)
```
#a5534f
```
#a5534f rgb(165,83,79)
```
#a1a54f
```
#a1a54f rgb(161,165,79)
```

Tetradic Color

#393671
```
#393671 rgb(57,54,113)
```
#423e83
```
#423e83 rgb(66,62,131)
```
#4a4794
```
#4a4794 rgb(74,71,148)
```
#534fa5
```
#534fa5 rgb(83,79,165)
```
#605cb1
```
#605cb1 rgb(96,92,177)
```
#716eb9
```
#716eb9 rgb(113,110,185)
```
#827fc2
```
#827fc2 rgb(130,127,194)
```

Monochromatic Color

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

#4f61a5
```
#4f61a5 rgb(79,97,165)
```
#4f59a5
```
#4f59a5 rgb(79,89,165)
```
#4f52a5
```
#4f52a5 rgb(79,82,165)
```
#534fa5
```
#534fa5 rgb(83,79,165)
```
#5a4fa5
```
#5a4fa5 rgb(90,79,165)
```
#614fa5
```
#614fa5 rgb(97,79,165)
```
#694fa5
```
#694fa5 rgb(105,79,165)
```

Similar Colors

Text with hexadecimal color #534fa5

This text has a font color of #534fa5.

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

#534fa5 background color

This paragraph has a background color of #534fa5.

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

#534fa5 border color

This element has a border color of #534fa5.

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

CSS codes

.text {color:#534fa5;}

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

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

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

#030306
```
#030306 rgb(3,3,6)
```
#0a0913
```
#0a0913 rgb(10,9,19)
```
#100f20
```
#100f20 rgb(16,15,32)
```
#17162e
```
#17162e rgb(23,22,46)
```
#1e1c3b
```
#1e1c3b rgb(30,28,59)
```
#242348
```
#242348 rgb(36,35,72)
```
#2b2955
```
#2b2955 rgb(43,41,85)
```
#322f63
```
#322f63 rgb(50,47,99)
```
#383670
```
#383670 rgb(56,54,112)
```
#3f3c7d
```
#3f3c7d rgb(63,60,125)
```
#46428a
```
#46428a rgb(70,66,138)
```
#4c4998
```
#4c4998 rgb(76,73,152)
```
#534fa5
```
#534fa5 rgb(83,79,165)
```

Shade Color Variation

#5c58af
```
#5c58af rgb(92,88,175)
```
#6966b6
```
#6966b6 rgb(105,102,182)
```
#7673bc
```
#7673bc rgb(118,115,188)
```
#8380c2
```
#8380c2 rgb(131,128,194)
```
#908dc9
```
#908dc9 rgb(144,141,201)
```
#9d9bcf
```
#9d9bcf rgb(157,155,207)
```
#aaa8d5
```
#aaa8d5 rgb(170,168,213)
```
#b7b5dc
```
#b7b5dc rgb(183,181,220)
```
#c4c3e2
```
#c4c3e2 rgb(196,195,226)
```
#d1d0e8
```
#d1d0e8 rgb(209,208,232)
```
#deddef
```
#deddef rgb(222,221,239)
```
#ebeaf5
```
#ebeaf5 rgb(235,234,245)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75757f is the less saturated color, while #0f04f0 is the most saturated one.

#75757f
```
#75757f rgb(117,117,127)
```
#6d6b89
```
#6d6b89 rgb(109,107,137)
```
#646292
```
#646292 rgb(100,98,146)
```
#5c589c
```
#5c589c rgb(92,88,156)
```
#534fa5
```
#534fa5 rgb(83,79,165)
```
#4a46ae
```
#4a46ae rgb(74,70,174)
```
#423cb8
```
#423cb8 rgb(66,60,184)
```
#3933c1
```
#3933c1 rgb(57,51,193)
```
#3129cb
```
#3129cb rgb(49,41,203)
```
#2820d4
```
#2820d4 rgb(40,32,212)
```
#2017dd
```
#2017dd rgb(32,23,221)
```
#170de7
```
#170de7 rgb(23,13,231)
```
#0f04f0
```
#0f04f0 rgb(15,4,240)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#595869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f5fb0 Protanopia 1% of men
#1a63a4 Deuteranopia 1% of men
#45676f Tritanopia 0.001% of the population

Trichromacy

#3c59ac Protanomaly 1% of men, 0.01% of women
#2f5ca4 Deuteranomaly 6% of men, 0.4% of women
#4a5e82 Tritanomaly 0.01% of the population

#534fa5 hex color

#534fa5 Color Information

#534fa5 Color Conversion

Color Schemes with #534fa5

Alternatives to #534fa5

#534fa5 Preview

Shades and Tints of #534fa5

Tones of #534fa5

Color Blindness Simulator