#504cfa hex color

In a RGB color space, hex #504cfa is composed of 31.4% red, 29.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 69.6% magenta, 0% yellow and 2% black. It has a hue angle of 241.4 degrees, a saturation of 94.6% and a lightness of 63.9%. #504cfa color hex could be obtained by blending #a098ff with #0000f5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 30
- B 98
RGB color chart
- C 68
- M 70
- Y 0
- K 2
CMYK color chart

● #504cfa color description : Soft blue.

The hexadecimal color #504cfa has RGB values of R:80, G:76, B:250 and CMYK values of C:0.68, M:0.7, Y:0, K:0.02. Its decimal value is 5262586.

Hex triplet	504cfa	`#504cfa`
RGB Decimal	80, 76, 250	`rgb(80,76,250)`
RGB Percent	31.4, 29.8, 98	`rgb(31.4%,29.8%,98%)`
CMYK	68, 70, 0, 2
HSL	241.4°, 94.6, 63.9	`hsl(241.4,94.6%,63.9%)`
HSV (or HSB)	241.4°, 69.6, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.909, 54.002, -85.701
XYZ	23.145, 13.775, 91.876
xyY	0.18, 0.107, 13.775
CIE-LCH	43.909, 101.296, 302.216
CIE-LUV	43.909, -8.369, -127.31
Hunter-Lab	37.115, 46.36, -120.789
Binary	01010000, 01001100, 11111010

#504cfa
```
#504cfa rgb(80,76,250)
```
#f6fa4c
```
#f6fa4c rgb(246,250,76)
```

Complementary Color

#4c9ffa
```
#4c9ffa rgb(76,159,250)
```
#504cfa
```
#504cfa rgb(80,76,250)
```
#a74cfa
```
#a74cfa rgb(167,76,250)
```

Analogous Color

#9ffa4c
```
#9ffa4c rgb(159,250,76)
```
#504cfa
```
#504cfa rgb(80,76,250)
```
#faa74c
```
#faa74c rgb(250,167,76)
```

Split Complementary Color

#4cfa50
```
#4cfa50 rgb(76,250,80)
```
#504cfa
```
#504cfa rgb(80,76,250)
```
#fa504c
```
#fa504c rgb(250,80,76)
```

Triadic Color

#4cf6fa
```
#4cf6fa rgb(76,246,250)
```
#504cfa
```
#504cfa rgb(80,76,250)
```
#fa504c
```
#fa504c rgb(250,80,76)
```
#f6fa4c
```
#f6fa4c rgb(246,250,76)
```

Tetradic Color

#0c07f3
```
#0c07f3 rgb(12,7,243)
```
#1f1af9
```
#1f1af9 rgb(31,26,249)
```
#3833f9
```
#3833f9 rgb(56,51,249)
```
#504cfa
```
#504cfa rgb(80,76,250)
```
#6865fb
```
#6865fb rgb(104,101,251)
```
#817efb
```
#817efb rgb(129,126,251)
```
#9996fc
```
#9996fc rgb(153,150,252)
```

Monochromatic Color

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

#4c74fa
```
#4c74fa rgb(76,116,250)
```
#4c65fa
```
#4c65fa rgb(76,101,250)
```
#4c57fa
```
#4c57fa rgb(76,87,250)
```
#504cfa
```
#504cfa rgb(80,76,250)
```
#5e4cfa
```
#5e4cfa rgb(94,76,250)
```
#6d4cfa
```
#6d4cfa rgb(109,76,250)
```
#7c4cfa
```
#7c4cfa rgb(124,76,250)
```

Similar Colors

Text with hexadecimal color #504cfa

This text has a font color of #504cfa.

<span style="color:#504cfa;">Text here</span>

#504cfa background color

This paragraph has a background color of #504cfa.

<p style="background-color:#504cfa;">Content here</p>

#504cfa border color

This element has a border color of #504cfa.

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

CSS codes

.text {color:#504cfa;}

.background {background-color:#504cfa;}

.border {border:1px solid #504cfa;}

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, #01000c is the darkest color, while #f8f8ff is the lightest one.

#01000c
```
#01000c rgb(1,0,12)
```
#02011f
```
#02011f rgb(2,1,31)
```
#030132
```
#030132 rgb(3,1,50)
```
#030245
```
#030245 rgb(3,2,69)
```
#040258
```
#040258 rgb(4,2,88)
```
#05036b
```
#05036b rgb(5,3,107)
```
#06047e
```
#06047e rgb(6,4,126)
```
#070491
```
#070491 rgb(7,4,145)
```
#0805a4
```
#0805a4 rgb(8,5,164)
```
#0905b8
```
#0905b8 rgb(9,5,184)
```
#0a06cb
```
#0a06cb rgb(10,6,203)
```
#0b06de
```
#0b06de rgb(11,6,222)
```
#0c07f1
```
#0c07f1 rgb(12,7,241)
```

Shade Color Variation

#1813f8
```
#1813f8 rgb(24,19,248)
```
#2b26f9
```
#2b26f9 rgb(43,38,249)
```
#3d39f9
```
#3d39f9 rgb(61,57,249)
```
#504cfa
```
#504cfa rgb(80,76,250)
```
#635ffb
```
#635ffb rgb(99,95,251)
```
#7572fb
```
#7572fb rgb(117,114,251)
```
#8885fc
```
#8885fc rgb(136,133,252)
```
#9b98fc
```
#9b98fc rgb(155,152,252)
```
#adabfd
```
#adabfd rgb(173,171,253)
```
#c0befd
```
#c0befd rgb(192,190,253)
```
#d3d2fe
```
#d3d2fe rgb(211,210,254)
```
#e5e5fe
```
#e5e5fe rgb(229,229,254)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#a1a1a5
```
#a1a1a5 rgb(161,161,165)
```
#9a9aac
```
#9a9aac rgb(154,154,172)
```
#9493b3
```
#9493b3 rgb(148,147,179)
```
#8d8cba
```
#8d8cba rgb(141,140,186)
```
#8685c1
```
#8685c1 rgb(134,133,193)
```
#7f7ec8
```
#7f7ec8 rgb(127,126,200)
```
#7976d0
```
#7976d0 rgb(121,118,208)
```
#726fd7
```
#726fd7 rgb(114,111,215)
```
#6b68de
```
#6b68de rgb(107,104,222)
```
#6461e5
```
#6461e5 rgb(100,97,229)
```
#5e5aec
```
#5e5aec rgb(94,90,236)
```
#5753f3
```
#5753f3 rgb(87,83,243)
```
#504cfa
```
#504cfa rgb(80,76,250)
```

Tone Color Variation

Below, you can see how #504cfa 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
#5e5d80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1d60e1 Protanomaly 1% of men, 0.01% of women
#1d64cf Deuteranomaly 6% of men, 0.4% of women
#1d69ad Tritanomaly 0.01% of the population

#504cfa hex color

#504cfa Color Information

#504cfa Color Conversion

Color Schemes with #504cfa

Alternatives to #504cfa

#504cfa Preview

Shades and Tints of #504cfa

Tones of #504cfa

Color Blindness Simulator