#503fef hex color

In a RGB color space, hex #503fef is composed of 31.4% red, 24.7% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 73.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 245.8 degrees, a saturation of 84.6% and a lightness of 59.2%. #503fef color hex could be obtained by blending #a07eff with #0000df. Closest websafe color is: #6633ff.

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

● #503fef color description : Bright blue.

The hexadecimal color #503fef has RGB values of R:80, G:63, B:239 and CMYK values of C:0.67, M:0.74, Y:0, K:0.06. Its decimal value is 5259247.

Hex triplet	503fef	`#503fef`
RGB Decimal	80, 63, 239	`rgb(80,63,239)`
RGB Percent	31.4, 24.7, 93.7	`rgb(31.4%,24.7%,93.7%)`
CMYK	67, 74, 0, 6
HSL	245.8°, 84.6, 59.2	`hsl(245.8,84.6%,59.2%)`
HSV (or HSB)	245.8°, 73.6, 93.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.396, 57.557, -85.307
XYZ	20.663, 11.491, 82.786
xyY	0.18, 0.1, 11.491
CIE-LCH	40.396, 102.908, 304.008
CIE-LUV	40.396, -5.561, -122.898
Hunter-Lab	33.899, 49.479, -121.064
Binary	01010000, 00111111, 11101111

#503fef
```
#503fef rgb(80,63,239)
```
#deef3f
```
#deef3f rgb(222,239,63)
```

Complementary Color

#3f86ef
```
#3f86ef rgb(63,134,239)
```
#503fef
```
#503fef rgb(80,63,239)
```
#a83fef
```
#a83fef rgb(168,63,239)
```

Analogous Color

#86ef3f
```
#86ef3f rgb(134,239,63)
```
#503fef
```
#503fef rgb(80,63,239)
```
#efa83f
```
#efa83f rgb(239,168,63)
```

Split Complementary Color

#3fef50
```
#3fef50 rgb(63,239,80)
```
#503fef
```
#503fef rgb(80,63,239)
```
#ef503f
```
#ef503f rgb(239,80,63)
```

Triadic Color

#3fdeef
```
#3fdeef rgb(63,222,239)
```
#503fef
```
#503fef rgb(80,63,239)
```
#ef503f
```
#ef503f rgb(239,80,63)
```
#deef3f
```
#deef3f rgb(222,239,63)
```

Tetradic Color

#2411d0
```
#2411d0 rgb(36,17,208)
```
#2813e8
```
#2813e8 rgb(40,19,232)
```
#3b27ed
```
#3b27ed rgb(59,39,237)
```
#503fef
```
#503fef rgb(80,63,239)
```
#6557f1
```
#6557f1 rgb(101,87,241)
```
#7b6ef3
```
#7b6ef3 rgb(123,110,243)
```
#9086f5
```
#9086f5 rgb(144,134,245)
```

Monochromatic Color

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

#3f5aef
```
#3f5aef rgb(63,90,239)
```
#3f4bef
```
#3f4bef rgb(63,75,239)
```
#413fef
```
#413fef rgb(65,63,239)
```
#503fef
```
#503fef rgb(80,63,239)
```
#5f3fef
```
#5f3fef rgb(95,63,239)
```
#6d3fef
```
#6d3fef rgb(109,63,239)
```
#7c3fef
```
#7c3fef rgb(124,63,239)
```

Similar Colors

Text with hexadecimal color #503fef

This text has a font color of #503fef.

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

#503fef background color

This paragraph has a background color of #503fef.

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

#503fef border color

This element has a border color of #503fef.

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

CSS codes

.text {color:#503fef;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#040219
```
#040219 rgb(4,2,25)
```
#07042b
```
#07042b rgb(7,4,43)
```
#0b053d
```
#0b053d rgb(11,5,61)
```
#0e0750
```
#0e0750 rgb(14,7,80)
```
#110862
```
#110862 rgb(17,8,98)
```
#140a74
```
#140a74 rgb(20,10,116)
```
#170b86
```
#170b86 rgb(23,11,134)
```
#1a0d98
```
#1a0d98 rgb(26,13,152)
```
#1d0eaa
```
#1d0eaa rgb(29,14,170)
```
#2010bc
```
#2010bc rgb(32,16,188)
```
#2311ce
```
#2311ce rgb(35,17,206)
```
#2713e0
```
#2713e0 rgb(39,19,224)
```

Shade Color Variation

#2f1bec
```
#2f1bec rgb(47,27,236)
```
#3f2ded
```
#3f2ded rgb(63,45,237)
```
#503fef
```
#503fef rgb(80,63,239)
```
#6151f1
```
#6151f1 rgb(97,81,241)
```
#7163f2
```
#7163f2 rgb(113,99,242)
```
#8275f4
```
#8275f4 rgb(130,117,244)
```
#9287f5
```
#9287f5 rgb(146,135,245)
```
#a39af7
```
#a39af7 rgb(163,154,247)
```
#b3acf8
```
#b3acf8 rgb(179,172,248)
```
#c4befa
```
#c4befa rgb(196,190,250)
```
#d4d0fb
```
#d4d0fb rgb(212,208,251)
```
#e5e2fd
```
#e5e2fd rgb(229,226,253)
```
#f5f4fe
```
#f5f4fe rgb(245,244,254)
```

Tint Color Variation

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

#918f9f
```
#918f9f rgb(145,143,159)
```
#8a87a7
```
#8a87a7 rgb(138,135,167)
```
#847faf
```
#847faf rgb(132,127,175)
```
#7d77b7
```
#7d77b7 rgb(125,119,183)
```
#776fbf
```
#776fbf rgb(119,111,191)
```
#7067c7
```
#7067c7 rgb(112,103,199)
```
#6a5fcf
```
#6a5fcf rgb(106,95,207)
```
#6357d7
```
#6357d7 rgb(99,87,215)
```
#5d4fdf
```
#5d4fdf rgb(93,79,223)
```
#5647e7
```
#5647e7 rgb(86,71,231)
```
#503fef
```
#503fef rgb(80,63,239)
```
#4a37f7
```
#4a37f7 rgb(74,55,247)
```
#432fff
```
#432fff rgb(67,47,255)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#565376 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#1d56d3 Protanomaly 1% of men, 0.01% of women
#1d5ac2 Deuteranomaly 6% of men, 0.4% of women
#1d5fa3 Tritanomaly 0.01% of the population

#503fef hex color

#503fef Color Information

#503fef Color Conversion

Color Schemes with #503fef

Alternatives to #503fef

#503fef Preview

Shades and Tints of #503fef

Tones of #503fef

Color Blindness Simulator