#502fbd hex color

In a RGB color space, hex #502fbd is composed of 31.4% red, 18.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 75.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 253.9 degrees, a saturation of 60.2% and a lightness of 46.3%. #502fbd color hex could be obtained by blending #a05eff with #00007b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 18
- B 74
RGB color chart
- C 58
- M 75
- Y 0
- K 26
CMYK color chart

● #502fbd color description : Strong blue.

The hexadecimal color #502fbd has RGB values of R:80, G:47, B:189 and CMYK values of C:0.58, M:0.75, Y:0, K:0.26. Its decimal value is 5255101.

Hex triplet	502fbd	`#502fbd`
RGB Decimal	80, 47, 189	`rgb(80,47,189)`
RGB Percent	31.4, 18.4, 74.1	`rgb(31.4%,18.4%,74.1%)`
CMYK	58, 75, 0, 26
HSL	253.9°, 60.2, 46.3	`hsl(253.9,60.2%,46.3%)`
HSV (or HSB)	253.9°, 75.1, 74.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.728, 50.898, -69.106
XYZ	13.508, 7.412, 48.86
xyY	0.194, 0.106, 7.412
CIE-LCH	32.728, 85.827, 306.373
CIE-LUV	32.728, 0.573, -94.631
Hunter-Lab	27.225, 40.922, -87.347
Binary	01010000, 00101111, 10111101

#502fbd
```
#502fbd rgb(80,47,189)
```
#9cbd2f
```
#9cbd2f rgb(156,189,47)
```

Complementary Color

#2f55bd
```
#2f55bd rgb(47,85,189)
```
#502fbd
```
#502fbd rgb(80,47,189)
```
#972fbd
```
#972fbd rgb(151,47,189)
```

Analogous Color

#55bd2f
```
#55bd2f rgb(85,189,47)
```
#502fbd
```
#502fbd rgb(80,47,189)
```
#bd972f
```
#bd972f rgb(189,151,47)
```

Split Complementary Color

#2fbd50
```
#2fbd50 rgb(47,189,80)
```
#502fbd
```
#502fbd rgb(80,47,189)
```
#bd502f
```
#bd502f rgb(189,80,47)
```

Triadic Color

#2f9cbd
```
#2f9cbd rgb(47,156,189)
```
#502fbd
```
#502fbd rgb(80,47,189)
```
#bd502f
```
#bd502f rgb(189,80,47)
```
#9cbd2f
```
#9cbd2f rgb(156,189,47)
```

Tetradic Color

#362080
```
#362080 rgb(54,32,128)
```
#3f2594
```
#3f2594 rgb(63,37,148)
```
#472aa9
```
#472aa9 rgb(71,42,169)
```
#502fbd
```
#502fbd rgb(80,47,189)
```
#5b38ce
```
#5b38ce rgb(91,56,206)
```
#6c4cd3
```
#6c4cd3 rgb(108,76,211)
```
#7c61d8
```
#7c61d8 rgb(124,97,216)
```

Monochromatic Color

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

#2f32bd
```
#2f32bd rgb(47,50,189)
```
#382fbd
```
#382fbd rgb(56,47,189)
```
#442fbd
```
#442fbd rgb(68,47,189)
```
#502fbd
```
#502fbd rgb(80,47,189)
```
#5c2fbd
```
#5c2fbd rgb(92,47,189)
```
#682fbd
```
#682fbd rgb(104,47,189)
```
#742fbd
```
#742fbd rgb(116,47,189)
```

Similar Colors

Text with hexadecimal color #502fbd

This text has a font color of #502fbd.

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

#502fbd background color

This paragraph has a background color of #502fbd.

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

#502fbd border color

This element has a border color of #502fbd.

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

CSS codes

.text {color:#502fbd;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070410
```
#070410 rgb(7,4,16)
```
#0e0820
```
#0e0820 rgb(14,8,32)
```
#140c30
```
#140c30 rgb(20,12,48)
```
#1b103f
```
#1b103f rgb(27,16,63)
```
#21144f
```
#21144f rgb(33,20,79)
```
#28185f
```
#28185f rgb(40,24,95)
```
#2f1b6e
```
#2f1b6e rgb(47,27,110)
```
#351f7e
```
#351f7e rgb(53,31,126)
```
#3c238e
```
#3c238e rgb(60,35,142)
```
#43279e
```
#43279e rgb(67,39,158)
```
#492bad
```
#492bad rgb(73,43,173)
```
#502fbd
```
#502fbd rgb(80,47,189)
```

Shade Color Variation

#5733cc
```
#5733cc rgb(87,51,204)
```
#6443d0
```
#6443d0 rgb(100,67,208)
```
#7153d4
```
#7153d4 rgb(113,83,212)
```
#7e62d8
```
#7e62d8 rgb(126,98,216)
```
#8b72dc
```
#8b72dc rgb(139,114,220)
```
#9882e0
```
#9882e0 rgb(152,130,224)
```
#a592e4
```
#a592e4 rgb(165,146,228)
```
#b2a1e8
```
#b2a1e8 rgb(178,161,232)
```
#bfb1ec
```
#bfb1ec rgb(191,177,236)
```
#ccc1ef
```
#ccc1ef rgb(204,193,239)
```
#d9d0f3
```
#d9d0f3 rgb(217,208,243)
```
#e5e0f7
```
#e5e0f7 rgb(229,224,247)
```
#f2f0fb
```
#f2f0fb rgb(242,240,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #726f7d is the less saturated color, while #3802ea is the most saturated one.

#726f7d
```
#726f7d rgb(114,111,125)
```
#6d6587
```
#6d6587 rgb(109,101,135)
```
#685c90
```
#685c90 rgb(104,92,144)
```
#635399
```
#635399 rgb(99,83,153)
```
#5f4aa2
```
#5f4aa2 rgb(95,74,162)
```
#5a41ab
```
#5a41ab rgb(90,65,171)
```
#5538b4
```
#5538b4 rgb(85,56,180)
```
#502fbd
```
#502fbd rgb(80,47,189)
```
#4b26c6
```
#4b26c6 rgb(75,38,198)
```
#461dcf
```
#461dcf rgb(70,29,207)
```
#4114d8
```
#4114d8 rgb(65,20,216)
```
#3d0be1
```
#3d0be1 rgb(61,11,225)
```
#3802ea
```
#3802ea rgb(56,2,234)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4a4460 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588d Deuteranopia 1% of men
#245d64 Tritanopia 0.001% of the population

Trichromacy

#1d46ac Protanomaly 1% of men, 0.01% of women
#1d499f Deuteranomaly 6% of men, 0.4% of women
#344c84 Tritanomaly 0.01% of the population

#502fbd hex color

#502fbd Color Information

#502fbd Color Conversion

Color Schemes with #502fbd

Alternatives to #502fbd

#502fbd Preview

Shades and Tints of #502fbd

Tones of #502fbd

Color Blindness Simulator