colorhexa.com

#504dfb hex color

In a RGB color space, hex #504dfb is composed of 31.4% red, 30.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 69.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 241 degrees, a saturation of 95.6% and a lightness of 64.3%. #504dfb color hex could be obtained by blending #a09aff with #0000f7. Closest websafe color is: #6666ff.

- R 31
- G 30
- B 98
RGB color chart
- C 68
- M 69
- Y 0
- K 2
CMYK color chart

● #504dfb color description : Soft blue.

The hexadecimal color #504dfb has RGB values of R:80, G:77, B:251 and CMYK values of C:0.68, M:0.69, Y:0, K:0.02. Its decimal value is 5262843.

Hex triplet	504dfb	`#504dfb`
RGB Decimal	80, 77, 251	`rgb(80,77,251)`
RGB Percent	31.4, 30.2, 98.4	`rgb(31.4%,30.2%,98.4%)`
CMYK	68, 69, 0, 2
HSL	241°, 95.6, 64.3	`hsl(241,95.6%,64.3%)`
HSV (or HSB)	241°, 69.3, 98.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.2, 53.763, -85.781
XYZ	23.371, 13.977, 92.728
xyY	0.18, 0.107, 13.977
CIE-LCH	44.2, 101.237, 302.077
CIE-LUV	44.2, -8.601, -127.714
Hunter-Lab	37.386, 46.162, -120.886
Binary	01010000, 01001101, 11111011

#504dfb
```
#504dfb rgb(80,77,251)
```
#f8fb4d
```
#f8fb4d rgb(248,251,77)
```

Complementary Color

#4da1fb
```
#4da1fb rgb(77,161,251)
```
#504dfb
```
#504dfb rgb(80,77,251)
```
#a74dfb
```
#a74dfb rgb(167,77,251)
```

Analogous Color

#a1fb4d
```
#a1fb4d rgb(161,251,77)
```
#504dfb
```
#504dfb rgb(80,77,251)
```
#fba74d
```
#fba74d rgb(251,167,77)
```

Split Complementary Color

#4dfb50
```
#4dfb50 rgb(77,251,80)
```
#504dfb
```
#504dfb rgb(80,77,251)
```
#fb504d
```
#fb504d rgb(251,80,77)
```

Triadic Color

#4df8fb
```
#4df8fb rgb(77,248,251)
```
#504dfb
```
#504dfb rgb(80,77,251)
```
#fb504d
```
#fb504d rgb(251,80,77)
```
#f8fb4d
```
#f8fb4d rgb(248,251,77)
```

Tetradic Color

#0a06f6
```
#0a06f6 rgb(10,6,246)
```
#1f1bfa
```
#1f1bfa rgb(31,27,250)
```
#3734fa
```
#3734fa rgb(55,52,250)
```
#504dfb
```
#504dfb rgb(80,77,251)
```
#6966fc
```
#6966fc rgb(105,102,252)
```
#817ffc
```
#817ffc rgb(129,127,252)
```
#9a98fd
```
#9a98fd rgb(154,152,253)
```

Monochromatic Color

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

#4d76fb
```
#4d76fb rgb(77,118,251)
```
#4d67fb
```
#4d67fb rgb(77,103,251)
```
#4d58fb
```
#4d58fb rgb(77,88,251)
```
#504dfb
```
#504dfb rgb(80,77,251)
```
#5f4dfb
```
#5f4dfb rgb(95,77,251)
```
#6d4dfb
```
#6d4dfb rgb(109,77,251)
```
#7c4dfb
```
#7c4dfb rgb(124,77,251)
```

Similar Colors

Text with hexadecimal color #504dfb

This text has a font color of #504dfb.

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

#504dfb background color

This paragraph has a background color of #504dfb.

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

#504dfb border color

This element has a border color of #504dfb.

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

CSS codes

.text {color:#504dfb;}

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

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

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

#01000e
```
#01000e rgb(1,0,14)
```
#010121
```
#010121 rgb(1,1,33)
```
#020134
```
#020134 rgb(2,1,52)
```
#030247
```
#030247 rgb(3,2,71)
```
#04025b
```
#04025b rgb(4,2,91)
```
#04026e
```
#04026e rgb(4,2,110)
```
#050381
```
#050381 rgb(5,3,129)
```
#060394
```
#060394 rgb(6,3,148)
```
#0704a7
```
#0704a7 rgb(7,4,167)
```
#0704bb
```
#0704bb rgb(7,4,187)
```
#0805ce
```
#0805ce rgb(8,5,206)
```
#0905e1
```
#0905e1 rgb(9,5,225)
```
#0a05f4
```
#0a05f4 rgb(10,5,244)
```

Shade Color Variation

#1713fa
```
#1713fa rgb(23,19,250)
```
#2a27fa
```
#2a27fa rgb(42,39,250)
```
#3d3afb
```
#3d3afb rgb(61,58,251)
```
#504dfb
```
#504dfb rgb(80,77,251)
```
#6360fb
```
#6360fb rgb(99,96,251)
```
#7673fc
```
#7673fc rgb(118,115,252)
```
#8987fc
```
#8987fc rgb(137,135,252)
```
#9b9afd
```
#9b9afd rgb(155,154,253)
```
#aeadfd
```
#aeadfd rgb(174,173,253)
```
#c1c0fe
```
#c1c0fe rgb(193,192,254)
```
#d4d3fe
```
#d4d3fe rgb(212,211,254)
```
#e7e6fe
```
#e7e6fe rgb(231,230,254)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#a1a1a7
```
#a1a1a7 rgb(161,161,167)
```
#9a9aae
```
#9a9aae rgb(154,154,174)
```
#9493b5
```
#9493b5 rgb(148,147,181)
```
#8d8cbc
```
#8d8cbc rgb(141,140,188)
```
#8685c3
```
#8685c3 rgb(134,133,195)
```
#7f7eca
```
#7f7eca rgb(127,126,202)
```
#7977d1
```
#7977d1 rgb(121,119,209)
```
#7270d8
```
#7270d8 rgb(114,112,216)
```
#6b69df
```
#6b69df rgb(107,105,223)
```
#6462e6
```
#6462e6 rgb(100,98,230)
```
#5e5bed
```
#5e5bed rgb(94,91,237)
```
#5754f4
```
#5754f4 rgb(87,84,244)
```
#504dfb
```
#504dfb rgb(80,77,251)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5e5e81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1d61e2 Protanomaly 1% of men, 0.01% of women
#1d65d0 Deuteranomaly 6% of men, 0.4% of women
#1d6aae Tritanomaly 0.01% of the population