#504afd hex color

In a RGB color space, hex #504afd is composed of 31.4% red, 29% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 70.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 242 degrees, a saturation of 97.8% and a lightness of 64.1%. #504afd color hex could be obtained by blending #a094ff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 29
- B 99
RGB color chart
- C 68
- M 71
- Y 0
- K 1
CMYK color chart

● #504afd color description : Bright blue.

The hexadecimal color #504afd has RGB values of R:80, G:74, B:253 and CMYK values of C:0.68, M:0.71, Y:0, K:0.01. Its decimal value is 5262077.

Hex triplet	504afd	`#504afd`
RGB Decimal	80, 74, 253	`rgb(80,74,253)`
RGB Percent	31.4, 29, 99.2	`rgb(31.4%,29%,99.2%)`
CMYK	68, 71, 0, 1
HSL	242°, 97.8, 64.1	`hsl(242,97.8%,64.1%)`
HSV (or HSB)	242°, 70.8, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.79, 56.028, -87.573
XYZ	23.483, 13.694, 94.329
xyY	0.179, 0.104, 13.694
CIE-LCH	43.79, 103.962, 302.611
CIE-LUV	43.79, -8.159, -129.549
Hunter-Lab	37.005, 48.517, -125.232
Binary	01010000, 01001010, 11111101

#504afd
```
#504afd rgb(80,74,253)
```
#f7fd4a
```
#f7fd4a rgb(247,253,74)
```

Complementary Color

#4a9efd
```
#4a9efd rgb(74,158,253)
```
#504afd
```
#504afd rgb(80,74,253)
```
#aa4afd
```
#aa4afd rgb(170,74,253)
```

Analogous Color

#9efd4a
```
#9efd4a rgb(158,253,74)
```
#504afd
```
#504afd rgb(80,74,253)
```
#fdaa4a
```
#fdaa4a rgb(253,170,74)
```

Split Complementary Color

#4afd50
```
#4afd50 rgb(74,253,80)
```
#504afd
```
#504afd rgb(80,74,253)
```
#fd504a
```
#fd504a rgb(253,80,74)
```

Triadic Color

#4af7fd
```
#4af7fd rgb(74,247,253)
```
#504afd
```
#504afd rgb(80,74,253)
```
#fd504a
```
#fd504a rgb(253,80,74)
```
#f7fd4a
```
#f7fd4a rgb(247,253,74)
```

Tetradic Color

#0b03f8
```
#0b03f8 rgb(11,3,248)
```
#1f18fc
```
#1f18fc rgb(31,24,252)
```
#3831fd
```
#3831fd rgb(56,49,253)
```
#504afd
```
#504afd rgb(80,74,253)
```
#6863fd
```
#6863fd rgb(104,99,253)
```
#817cfe
```
#817cfe rgb(129,124,254)
```
#9996fe
```
#9996fe rgb(153,150,254)
```

Monochromatic Color

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

#4a71fd
```
#4a71fd rgb(74,113,253)
```
#4a62fd
```
#4a62fd rgb(74,98,253)
```
#4a53fd
```
#4a53fd rgb(74,83,253)
```
#504afd
```
#504afd rgb(80,74,253)
```
#5f4afd
```
#5f4afd rgb(95,74,253)
```
#6e4afd
```
#6e4afd rgb(110,74,253)
```
#7d4afd
```
#7d4afd rgb(125,74,253)
```

Similar Colors

Text with hexadecimal color #504afd

This text has a font color of #504afd.

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

#504afd background color

This paragraph has a background color of #504afd.

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

#504afd border color

This element has a border color of #504afd.

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

CSS codes

.text {color:#504afd;}

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

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

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

#01000d
```
#01000d rgb(1,0,13)
```
#010020
```
#010020 rgb(1,0,32)
```
#020134
```
#020134 rgb(2,1,52)
```
#030147
```
#030147 rgb(3,1,71)
```
#04015b
```
#04015b rgb(4,1,91)
```
#05016e
```
#05016e rgb(5,1,110)
```
#060181
```
#060181 rgb(6,1,129)
```
#070295
```
#070295 rgb(7,2,149)
```
#0702a8
```
#0702a8 rgb(7,2,168)
```
#0802bc
```
#0802bc rgb(8,2,188)
```
#0902cf
```
#0902cf rgb(9,2,207)
```
#0a03e2
```
#0a03e2 rgb(10,3,226)
```
#0b03f6
```
#0b03f6 rgb(11,3,246)
```

Shade Color Variation

#1810fc
```
#1810fc rgb(24,16,252)
```
#2a23fd
```
#2a23fd rgb(42,35,253)
```
#3d37fd
```
#3d37fd rgb(61,55,253)
```
#504afd
```
#504afd rgb(80,74,253)
```
#635dfd
```
#635dfd rgb(99,93,253)
```
#7671fd
```
#7671fd rgb(118,113,253)
```
#8884fe
```
#8884fe rgb(136,132,254)
```
#9b98fe
```
#9b98fe rgb(155,152,254)
```
#aeabfe
```
#aeabfe rgb(174,171,254)
```
#c1befe
```
#c1befe rgb(193,190,254)
```
#d3d2ff
```
#d3d2ff rgb(211,210,255)
```
#e6e5ff
```
#e6e5ff rgb(230,229,255)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#9f9ea9
```
#9f9ea9 rgb(159,158,169)
```
#9897b0
```
#9897b0 rgb(152,151,176)
```
#9290b7
```
#9290b7 rgb(146,144,183)
```
#8b89be
```
#8b89be rgb(139,137,190)
```
#8582c5
```
#8582c5 rgb(133,130,197)
```
#7e7bcc
```
#7e7bcc rgb(126,123,204)
```
#7774d3
```
#7774d3 rgb(119,116,211)
```
#716dda
```
#716dda rgb(113,109,218)
```
#6a66e1
```
#6a66e1 rgb(106,102,225)
```
#645fe8
```
#645fe8 rgb(100,95,232)
```
#5d58ef
```
#5d58ef rgb(93,88,239)
```
#5751f6
```
#5751f6 rgb(87,81,246)
```
#504afd
```
#504afd rgb(80,74,253)
```

Tone Color Variation

Below, you can see how #504afd 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

#606060 Achromatopsia 0.005% of the population
#5d5c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd2 Protanopia 1% of men
#0072b6 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1d5fe1 Protanomaly 1% of men, 0.01% of women
#1d63d0 Deuteranomaly 6% of men, 0.4% of women
#1d68ae Tritanomaly 0.01% of the population

#504afd hex color

#504afd Color Information

#504afd Color Conversion

Color Schemes with #504afd

Alternatives to #504afd

#504afd Preview

Shades and Tints of #504afd

Tones of #504afd

Color Blindness Simulator