#503fff hex color

In a RGB color space, hex #503fff is composed of 31.4% red, 24.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 75.3% magenta, 0% yellow and 0% black. It has a hue angle of 245.3 degrees, a saturation of 100% and a lightness of 62.4%. #503fff color hex could be obtained by blending #a07eff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 25
- B 100
RGB color chart
- C 69
- M 75
- Y 0
- K 0
CMYK color chart

● #503fff color description : Light blue.

The hexadecimal color #503fff has RGB values of R:80, G:63, B:255 and CMYK values of C:0.69, M:0.75, Y:0, K:0. Its decimal value is 5259263.

Hex triplet	503fff	`#503fff`
RGB Decimal	80, 63, 255	`rgb(80,63,255)`
RGB Percent	31.4, 24.7, 100	`rgb(31.4%,24.7%,100%)`
CMYK	69, 75, 0, 0
HSL	245.3°, 100, 62.4	`hsl(245.3,100%,62.4%)`
HSV (or HSB)	245.3°, 75.3, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.968, 62.312, -91.695
XYZ	23.132, 12.479, 95.792
xyY	0.176, 0.095, 12.479
CIE-LCH	41.968, 110.864, 304.198
CIE-LUV	41.968, -6.506, -132.397
Hunter-Lab	35.326, 55.065, -136.046
Binary	01010000, 00111111, 11111111

#503fff
```
#503fff rgb(80,63,255)
```
#eeff3f
```
#eeff3f rgb(238,255,63)
```

Complementary Color

#3f8eff
```
#3f8eff rgb(63,142,255)
```
#503fff
```
#503fff rgb(80,63,255)
```
#b03fff
```
#b03fff rgb(176,63,255)
```

Analogous Color

#8eff3f
```
#8eff3f rgb(142,255,63)
```
#503fff
```
#503fff rgb(80,63,255)
```
#ffb03f
```
#ffb03f rgb(255,176,63)
```

Split Complementary Color

#3fff50
```
#3fff50 rgb(63,255,80)
```
#503fff
```
#503fff rgb(80,63,255)
```
#ff503f
```
#ff503f rgb(255,80,63)
```

Triadic Color

#3feeff
```
#3feeff rgb(63,238,255)
```
#503fff
```
#503fff rgb(80,63,255)
```
#ff503f
```
#ff503f rgb(255,80,63)
```
#eeff3f
```
#eeff3f rgb(238,255,63)
```

Tetradic Color

#1500f2
```
#1500f2 rgb(21,0,242)
```
#220cff
```
#220cff rgb(34,12,255)
```
#3926ff
```
#3926ff rgb(57,38,255)
```
#503fff
```
#503fff rgb(80,63,255)
```
#6759ff
```
#6759ff rgb(103,89,255)
```
#7e72ff
```
#7e72ff rgb(126,114,255)
```
#968cff
```
#968cff rgb(150,140,255)
```

Monochromatic Color

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

#3f5eff
```
#3f5eff rgb(63,94,255)
```
#3f4eff
```
#3f4eff rgb(63,78,255)
```
#403fff
```
#403fff rgb(64,63,255)
```
#503fff
```
#503fff rgb(80,63,255)
```
#603fff
```
#603fff rgb(96,63,255)
```
#703fff
```
#703fff rgb(112,63,255)
```
#803fff
```
#803fff rgb(128,63,255)
```

Similar Colors

Text with hexadecimal color #503fff

This text has a font color of #503fff.

<span style="color:#503fff;">Text here</span>

#503fff background color

This paragraph has a background color of #503fff.

<p style="background-color:#503fff;">Content here</p>

#503fff border color

This element has a border color of #503fff.

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

CSS codes

.text {color:#503fff;}

.background {background-color:#503fff;}

.border {border:1px solid #503fff;}

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

#000004
```
#000004 rgb(0,0,4)
```
#020018
```
#020018 rgb(2,0,24)
```
#04002b
```
#04002b rgb(4,0,43)
```
#06003f
```
#06003f rgb(6,0,63)
```
#070053
```
#070053 rgb(7,0,83)
```
#090066
```
#090066 rgb(9,0,102)
```
#0b007a
```
#0b007a rgb(11,0,122)
```
#0d008d
```
#0d008d rgb(13,0,141)
```
#0e00a1
```
#0e00a1 rgb(14,0,161)
```
#1000b5
```
#1000b5 rgb(16,0,181)
```
#1200c8
```
#1200c8 rgb(18,0,200)
```
#1300dc
```
#1300dc rgb(19,0,220)
```
#1500f0
```
#1500f0 rgb(21,0,240)
```

Shade Color Variation

#1a04ff
```
#1a04ff rgb(26,4,255)
```
#2c18ff
```
#2c18ff rgb(44,24,255)
```
#3e2bff
```
#3e2bff rgb(62,43,255)
```
#503fff
```
#503fff rgb(80,63,255)
```
#6253ff
```
#6253ff rgb(98,83,255)
```
#7466ff
```
#7466ff rgb(116,102,255)
```
#867aff
```
#867aff rgb(134,122,255)
```
#988dff
```
#988dff rgb(152,141,255)
```
#a9a1ff
```
#a9a1ff rgb(169,161,255)
```
#bbb5ff
```
#bbb5ff rgb(187,181,255)
```
#cdc8ff
```
#cdc8ff rgb(205,200,255)
```
#dfdcff
```
#dfdcff rgb(223,220,255)
```
#f1f0ff
```
#f1f0ff rgb(241,240,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9998a6 is the less saturated color, while #503fff is the most saturated one.

#9998a6
```
#9998a6 rgb(153,152,166)
```
#9390ae
```
#9390ae rgb(147,144,174)
```
#8d89b5
```
#8d89b5 rgb(141,137,181)
```
#8781bd
```
#8781bd rgb(135,129,189)
```
#817ac4
```
#817ac4 rgb(129,122,196)
```
#7b73cb
```
#7b73cb rgb(123,115,203)
```
#746bd3
```
#746bd3 rgb(116,107,211)
```
#6e64da
```
#6e64da rgb(110,100,218)
```
#685de1
```
#685de1 rgb(104,93,225)
```
#6255e9
```
#6255e9 rgb(98,85,233)
```
#5c4ef0
```
#5c4ef0 rgb(92,78,240)
```
#5646f8
```
#5646f8 rgb(86,70,248)
```
#503fff
```
#503fff rgb(80,63,255)
```

Tone Color Variation

Below, you can see how #503fff 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
#58557b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068ca Protanopia 1% of men
#006eaf Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#1d59dd Protanomaly 1% of men, 0.01% of women
#1d5ccc Deuteranomaly 6% of men, 0.4% of women
#1d61ab Tritanomaly 0.01% of the population

#503fff hex color

#503fff Color Information

#503fff Color Conversion

Color Schemes with #503fff

Alternatives to #503fff

#503fff Preview

Shades and Tints of #503fff

Tones of #503fff

Color Blindness Simulator