#502fff hex color

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

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

● #502fff color description : Vivid blue.

The hexadecimal color #502fff has RGB values of R:80, G:47, B:255 and CMYK values of C:0.69, M:0.82, Y:0, K:0. Its decimal value is 5255167.

Hex triplet	502fff	`#502fff`
RGB Decimal	80, 47, 255	`rgb(80,47,255)`
RGB Percent	31.4, 18.4, 100	`rgb(31.4%,18.4%,100%)`
CMYK	69, 82, 0, 0
HSL	249.5°, 100, 59.2	`hsl(249.5,100%,59.2%)`
HSV (or HSB)	249.5°, 81.6, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.509, 69.451, -95.766
XYZ	22.371, 10.957, 95.538
xyY	0.174, 0.085, 10.957
CIE-LCH	39.509, 118.299, 305.95
CIE-LUV	39.509, -4.516, -133.538
Hunter-Lab	33.102, 62.707, -147.95
Binary	01010000, 00101111, 11111111

#502fff
```
#502fff rgb(80,47,255)
```
#deff2f
```
#deff2f rgb(222,255,47)
```

Complementary Color

#2f76ff
```
#2f76ff rgb(47,118,255)
```
#502fff
```
#502fff rgb(80,47,255)
```
#b82fff
```
#b82fff rgb(184,47,255)
```

Analogous Color

#76ff2f
```
#76ff2f rgb(118,255,47)
```
#502fff
```
#502fff rgb(80,47,255)
```
#ffb82f
```
#ffb82f rgb(255,184,47)
```

Split Complementary Color

#2fff50
```
#2fff50 rgb(47,255,80)
```
#502fff
```
#502fff rgb(80,47,255)
```
#ff502f
```
#ff502f rgb(255,80,47)
```

Triadic Color

#2fdeff
```
#2fdeff rgb(47,222,255)
```
#502fff
```
#502fff rgb(80,47,255)
```
#ff502f
```
#ff502f rgb(255,80,47)
```
#deff2f
```
#deff2f rgb(222,255,47)
```

Tetradic Color

#2400e2
```
#2400e2 rgb(36,0,226)
```
#2800fb
```
#2800fb rgb(40,0,251)
```
#3b16ff
```
#3b16ff rgb(59,22,255)
```
#502fff
```
#502fff rgb(80,47,255)
```
#6549ff
```
#6549ff rgb(101,73,255)
```
#7b62ff
```
#7b62ff rgb(123,98,255)
```
#907cff
```
#907cff rgb(144,124,255)
```

Monochromatic Color

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

#2f42ff
```
#2f42ff rgb(47,66,255)
```
#2f31ff
```
#2f31ff rgb(47,49,255)
```
#3f2fff
```
#3f2fff rgb(63,47,255)
```
#502fff
```
#502fff rgb(80,47,255)
```
#612fff
```
#612fff rgb(97,47,255)
```
#732fff
```
#732fff rgb(115,47,255)
```
#842fff
```
#842fff rgb(132,47,255)
```

Similar Colors

Text with hexadecimal color #502fff

This text has a font color of #502fff.

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

#502fff background color

This paragraph has a background color of #502fff.

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

#502fff border color

This element has a border color of #502fff.

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

CSS codes

.text {color:#502fff;}

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

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

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

#010008
```
#010008 rgb(1,0,8)
```
#04001b
```
#04001b rgb(4,0,27)
```
#07002f
```
#07002f rgb(7,0,47)
```
#0b0043
```
#0b0043 rgb(11,0,67)
```
#0e0056
```
#0e0056 rgb(14,0,86)
```
#11006a
```
#11006a rgb(17,0,106)
```
#14007d
```
#14007d rgb(20,0,125)
```
#170091
```
#170091 rgb(23,0,145)
```
#1a00a5
```
#1a00a5 rgb(26,0,165)
```
#1d00b8
```
#1d00b8 rgb(29,0,184)
```
#2000cc
```
#2000cc rgb(32,0,204)
```
#2300e0
```
#2300e0 rgb(35,0,224)
```
#2700f3
```
#2700f3 rgb(39,0,243)
```

Shade Color Variation

#2f08ff
```
#2f08ff rgb(47,8,255)
```
#3f1bff
```
#3f1bff rgb(63,27,255)
```
#502fff
```
#502fff rgb(80,47,255)
```
#6143ff
```
#6143ff rgb(97,67,255)
```
#7156ff
```
#7156ff rgb(113,86,255)
```
#826aff
```
#826aff rgb(130,106,255)
```
#927dff
```
#927dff rgb(146,125,255)
```
#a391ff
```
#a391ff rgb(163,145,255)
```
#b3a5ff
```
#b3a5ff rgb(179,165,255)
```
#c4b8ff
```
#c4b8ff rgb(196,184,255)
```
#d4ccff
```
#d4ccff rgb(212,204,255)
```
#e5e0ff
```
#e5e0ff rgb(229,224,255)
```
#f5f3ff
```
#f5f3ff rgb(245,243,255)
```

Tint Color Variation

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

#928f9f
```
#928f9f rgb(146,143,159)
```
#8c87a7
```
#8c87a7 rgb(140,135,167)
```
#877faf
```
#877faf rgb(135,127,175)
```
#8177b7
```
#8177b7 rgb(129,119,183)
```
#7c6fbf
```
#7c6fbf rgb(124,111,191)
```
#7667c7
```
#7667c7 rgb(118,103,199)
```
#715fcf
```
#715fcf rgb(113,95,207)
```
#6b57d7
```
#6b57d7 rgb(107,87,215)
```
#664fdf
```
#664fdf rgb(102,79,223)
```
#6047e7
```
#6047e7 rgb(96,71,231)
```
#5b3fef
```
#5b3fef rgb(91,63,239)
```
#5537f7
```
#5537f7 rgb(85,55,247)
```
#502fff
```
#502fff rgb(80,47,255)
```

Tone Color Variation

Below, you can see how #502fff 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

#515151 Achromatopsia 0.005% of the population
#514a74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a5 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#1d4fd6 Protanomaly 1% of men, 0.01% of women
#1d53c6 Deuteranomaly 6% of men, 0.4% of women
#1d58a7 Tritanomaly 0.01% of the population

#502fff hex color

#502fff Color Information

#502fff Color Conversion

Color Schemes with #502fff

Alternatives to #502fff

#502fff Preview

Shades and Tints of #502fff

Tones of #502fff

Color Blindness Simulator