#503aef hex color

In a RGB color space, hex #503aef is composed of 31.4% red, 22.7% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 75.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 247.3 degrees, a saturation of 85% and a lightness of 58.2%. #503aef color hex could be obtained by blending #a074ff with #0000df. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 23
- B 94
RGB color chart
- C 67
- M 76
- Y 0
- K 6
CMYK color chart

● #503aef color description : Bright blue.

The hexadecimal color #503aef has RGB values of R:80, G:58, B:239 and CMYK values of C:0.67, M:0.76, Y:0, K:0.06. Its decimal value is 5257967.

Hex triplet	503aef	`#503aef`
RGB Decimal	80, 58, 239	`rgb(80,58,239)`
RGB Percent	31.4, 22.7, 93.7	`rgb(31.4%,22.7%,93.7%)`
CMYK	67, 76, 0, 6
HSL	247.3°, 85, 58.2	`hsl(247.3,85%,58.2%)`
HSV (or HSB)	247.3°, 75.7, 93.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.517, 60.057, -86.757
XYZ	20.398, 10.963, 82.698
xyY	0.179, 0.096, 10.963
CIE-LCH	39.517, 105.516, 304.693
CIE-LUV	39.517, -4.815, -123.52
Hunter-Lab	33.11, 52.028, -124.91
Binary	01010000, 00111010, 11101111

#503aef
```
#503aef rgb(80,58,239)
```
#d9ef3a
```
#d9ef3a rgb(217,239,58)
```

Complementary Color

#3a7fef
```
#3a7fef rgb(58,127,239)
```
#503aef
```
#503aef rgb(80,58,239)
```
#ab3aef
```
#ab3aef rgb(171,58,239)
```

Analogous Color

#7fef3a
```
#7fef3a rgb(127,239,58)
```
#503aef
```
#503aef rgb(80,58,239)
```
#efab3a
```
#efab3a rgb(239,171,58)
```

Split Complementary Color

#3aef50
```
#3aef50 rgb(58,239,80)
```
#503aef
```
#503aef rgb(80,58,239)
```
#ef503a
```
#ef503a rgb(239,80,58)
```

Triadic Color

#3ad9ef
```
#3ad9ef rgb(58,217,239)
```
#503aef
```
#503aef rgb(80,58,239)
```
#ef503a
```
#ef503a rgb(239,80,58)
```
#d9ef3a
```
#d9ef3a rgb(217,239,58)
```

Tetradic Color

#2711cc
```
#2711cc rgb(39,17,204)
```
#2c12e4
```
#2c12e4 rgb(44,18,228)
```
#3b22ed
```
#3b22ed rgb(59,34,237)
```
#503aef
```
#503aef rgb(80,58,239)
```
#6552f1
```
#6552f1 rgb(101,82,241)
```
#7a69f3
```
#7a69f3 rgb(122,105,243)
```
#8f81f5
```
#8f81f5 rgb(143,129,245)
```

Monochromatic Color

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

#3a51ef
```
#3a51ef rgb(58,81,239)
```
#3a42ef
```
#3a42ef rgb(58,66,239)
```
#413aef
```
#413aef rgb(65,58,239)
```
#503aef
```
#503aef rgb(80,58,239)
```
#5f3aef
```
#5f3aef rgb(95,58,239)
```
#6e3aef
```
#6e3aef rgb(110,58,239)
```
#7d3aef
```
#7d3aef rgb(125,58,239)
```

Similar Colors

Text with hexadecimal color #503aef

This text has a font color of #503aef.

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

#503aef background color

This paragraph has a background color of #503aef.

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

#503aef border color

This element has a border color of #503aef.

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

CSS codes

.text {color:#503aef;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#040215
```
#040215 rgb(4,2,21)
```
#070327
```
#070327 rgb(7,3,39)
```
#0b0539
```
#0b0539 rgb(11,5,57)
```
#0e064b
```
#0e064b rgb(14,6,75)
```
#12085d
```
#12085d rgb(18,8,93)
```
#15096f
```
#15096f rgb(21,9,111)
```
#190b82
```
#190b82 rgb(25,11,130)
```
#1c0c94
```
#1c0c94 rgb(28,12,148)
```
#200da6
```
#200da6 rgb(32,13,166)
```
#230fb8
```
#230fb8 rgb(35,15,184)
```
#2710ca
```
#2710ca rgb(39,16,202)
```
#2a12dc
```
#2a12dc rgb(42,18,220)
```

Shade Color Variation

#3016ec
```
#3016ec rgb(48,22,236)
```
#4028ee
```
#4028ee rgb(64,40,238)
```
#503aef
```
#503aef rgb(80,58,239)
```
#604cf0
```
#604cf0 rgb(96,76,240)
```
#705ef2
```
#705ef2 rgb(112,94,242)
```
#8070f3
```
#8070f3 rgb(128,112,243)
```
#9083f5
```
#9083f5 rgb(144,131,245)
```
#a195f6
```
#a195f6 rgb(161,149,246)
```
#b1a7f8
```
#b1a7f8 rgb(177,167,248)
```
#c1b9f9
```
#c1b9f9 rgb(193,185,249)
```
#d1cbfb
```
#d1cbfb rgb(209,203,251)
```
#e1ddfc
```
#e1ddfc rgb(225,221,252)
```
#f1effe
```
#f1effe rgb(241,239,254)
```

Tint Color Variation

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

#949495
```
#949495 rgb(148,148,149)
```
#8e8c9d
```
#8e8c9d rgb(142,140,157)
```
#8884a5
```
#8884a5 rgb(136,132,165)
```
#827cad
```
#827cad rgb(130,124,173)
```
#7b73b6
```
#7b73b6 rgb(123,115,182)
```
#756bbe
```
#756bbe rgb(117,107,190)
```
#6f63c6
```
#6f63c6 rgb(111,99,198)
```
#695bce
```
#695bce rgb(105,91,206)
```
#6353d6
```
#6353d6 rgb(99,83,214)
```
#5c4adf
```
#5c4adf rgb(92,74,223)
```
#5642e7
```
#5642e7 rgb(86,66,231)
```
#503aef
```
#503aef rgb(80,58,239)
```
#4a32f7
```
#4a32f7 rgb(74,50,247)
```

Tone Color Variation

Below, you can see how #503aef 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

#555555 Achromatopsia 0.005% of the population
#545074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#1d53d0 Protanomaly 1% of men, 0.01% of women
#1d57c0 Deuteranomaly 6% of men, 0.4% of women
#1d5ca2 Tritanomaly 0.01% of the population

#503aef hex color

#503aef Color Information

#503aef Color Conversion

Color Schemes with #503aef

Alternatives to #503aef

#503aef Preview

Shades and Tints of #503aef

Tones of #503aef

Color Blindness Simulator