#534af9 hex color

In a RGB color space, hex #534af9 is composed of 32.5% red, 29% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 70.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 243.1 degrees, a saturation of 93.6% and a lightness of 63.3%. #534af9 color hex could be obtained by blending #a694ff with #0000f3. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 29
- B 98
RGB color chart
- C 67
- M 70
- Y 0
- K 2
CMYK color chart

● #534af9 color description : Bright blue.

The hexadecimal color #534af9 has RGB values of R:83, G:74, B:249 and CMYK values of C:0.67, M:0.7, Y:0, K:0.02. Its decimal value is 5458681.

Hex triplet	534af9	`#534af9`
RGB Decimal	83, 74, 249	`rgb(83,74,249)`
RGB Percent	32.5, 29, 97.6	`rgb(32.5%,29%,97.6%)`
CMYK	67, 70, 0, 2
HSL	243.1°, 93.6, 63.3	`hsl(243.1,93.6%,63.3%)`
HSV (or HSB)	243.1°, 70.3, 97.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.617, 55.111, -85.615
XYZ	23.112, 13.575, 91.02
xyY	0.181, 0.106, 13.575
CIE-LCH	43.617, 101.819, 302.77
CIE-LUV	43.617, -7.298, -126.949
Hunter-Lab	36.844, 47.492, -120.679
Binary	01010011, 01001010, 11111001

#534af9
```
#534af9 rgb(83,74,249)
```
#f0f94a
```
#f0f94a rgb(240,249,74)
```

Complementary Color

#4a99f9
```
#4a99f9 rgb(74,153,249)
```
#534af9
```
#534af9 rgb(83,74,249)
```
#ab4af9
```
#ab4af9 rgb(171,74,249)
```

Analogous Color

#99f94a
```
#99f94a rgb(153,249,74)
```
#534af9
```
#534af9 rgb(83,74,249)
```
#f9ab4a
```
#f9ab4a rgb(249,171,74)
```

Split Complementary Color

#4af953
```
#4af953 rgb(74,249,83)
```
#534af9
```
#534af9 rgb(83,74,249)
```
#f9534a
```
#f9534a rgb(249,83,74)
```

Triadic Color

#4af0f9
```
#4af0f9 rgb(74,240,249)
```
#534af9
```
#534af9 rgb(83,74,249)
```
#f9534a
```
#f9534a rgb(249,83,74)
```
#f0f94a
```
#f0f94a rgb(240,249,74)
```

Tetradic Color

#1408ef
```
#1408ef rgb(20,8,239)
```
#2419f7
```
#2419f7 rgb(36,25,247)
```
#3c31f8
```
#3c31f8 rgb(60,49,248)
```
#534af9
```
#534af9 rgb(83,74,249)
```
#6a63fa
```
#6a63fa rgb(106,99,250)
```
#827bfb
```
#827bfb rgb(130,123,251)
```
#9994fb
```
#9994fb rgb(153,148,251)
```

Monochromatic Color

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

#4a6df9
```
#4a6df9 rgb(74,109,249)
```
#4a5ef9
```
#4a5ef9 rgb(74,94,249)
```
#4a50f9
```
#4a50f9 rgb(74,80,249)
```
#534af9
```
#534af9 rgb(83,74,249)
```
#624af9
```
#624af9 rgb(98,74,249)
```
#704af9
```
#704af9 rgb(112,74,249)
```
#7f4af9
```
#7f4af9 rgb(127,74,249)
```

Similar Colors

Text with hexadecimal color #534af9

This text has a font color of #534af9.

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

#534af9 background color

This paragraph has a background color of #534af9.

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

#534af9 border color

This element has a border color of #534af9.

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

CSS codes

.text {color:#534af9;}

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

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

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

#010009
```
#010009 rgb(1,0,9)
```
#02011c
```
#02011c rgb(2,1,28)
```
#04022f
```
#04022f rgb(4,2,47)
```
#050242
```
#050242 rgb(5,2,66)
```
#070355
```
#070355 rgb(7,3,85)
```
#090368
```
#090368 rgb(9,3,104)
```
#0a047b
```
#0a047b rgb(10,4,123)
```
#0c058e
```
#0c058e rgb(12,5,142)
```
#0d05a1
```
#0d05a1 rgb(13,5,161)
```
#0f06b4
```
#0f06b4 rgb(15,6,180)
```
#1007c7
```
#1007c7 rgb(16,7,199)
```
#1207da
```
#1207da rgb(18,7,218)
```
#1408ed
```
#1408ed rgb(20,8,237)
```

Shade Color Variation

#1d11f7
```
#1d11f7 rgb(29,17,247)
```
#2f24f8
```
#2f24f8 rgb(47,36,248)
```
#4137f8
```
#4137f8 rgb(65,55,248)
```
#534af9
```
#534af9 rgb(83,74,249)
```
#655dfa
```
#655dfa rgb(101,93,250)
```
#7770fa
```
#7770fa rgb(119,112,250)
```
#8983fb
```
#8983fb rgb(137,131,251)
```
#9b96fc
```
#9b96fc rgb(155,150,252)
```
#ada9fc
```
#ada9fc rgb(173,169,252)
```
#bfbcfd
```
#bfbcfd rgb(191,188,253)
```
#d1cffd
```
#d1cffd rgb(209,207,253)
```
#e3e2fe
```
#e3e2fe rgb(227,226,254)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

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

#a0a0a3
```
#a0a0a3 rgb(160,160,163)
```
#9a99aa
```
#9a99aa rgb(154,153,170)
```
#9492b1
```
#9492b1 rgb(148,146,177)
```
#8d8bb8
```
#8d8bb8 rgb(141,139,184)
```
#8784bf
```
#8784bf rgb(135,132,191)
```
#807cc7
```
#807cc7 rgb(128,124,199)
```
#7a75ce
```
#7a75ce rgb(122,117,206)
```
#736ed5
```
#736ed5 rgb(115,110,213)
```
#6d67dc
```
#6d67dc rgb(109,103,220)
```
#6660e3
```
#6660e3 rgb(102,96,227)
```
#6058eb
```
#6058eb rgb(96,88,235)
```
#5951f2
```
#5951f2 rgb(89,81,242)
```
#534af9
```
#534af9 rgb(83,74,249)
```

Tone Color Variation

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

#1e5fe0 Protanomaly 1% of men, 0.01% of women
#1e63ce Deuteranomaly 6% of men, 0.4% of women
#1e68ac Tritanomaly 0.01% of the population

#534af9 hex color

#534af9 Color Information

#534af9 Color Conversion

Color Schemes with #534af9

Alternatives to #534af9

#534af9 Preview

Shades and Tints of #534af9

Tones of #534af9

Color Blindness Simulator