#502ddb hex color

In a RGB color space, hex #502ddb is composed of 31.4% red, 17.6% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 79.5% magenta, 0% yellow and 14.1% black. It has a hue angle of 252.1 degrees, a saturation of 70.7% and a lightness of 51.8%. #502ddb color hex could be obtained by blending #a05aff with #0000b7. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 18
- B 86
RGB color chart
- C 63
- M 79
- Y 0
- K 14
CMYK color chart

● #502ddb color description : Bright blue.

The hexadecimal color #502ddb has RGB values of R:80, G:45, B:219 and CMYK values of C:0.63, M:0.79, Y:0, K:0.14. Its decimal value is 5254619.

Hex triplet	502ddb	`#502ddb`
RGB Decimal	80, 45, 219	`rgb(80,45,219)`
RGB Percent	31.4, 17.6, 85.9	`rgb(31.4%,17.6%,85.9%)`
CMYK	63, 79, 0, 14
HSL	252.1°, 70.7, 51.8	`hsl(252.1,70.7%,51.8%)`
HSV (or HSB)	252.1°, 79.5, 85.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.392, 60.362, -82.175
XYZ	17.03, 8.696, 67.795
xyY	0.182, 0.093, 8.696
CIE-LCH	35.392, 101.962, 306.299
CIE-LUV	35.392, -1.694, -112.849
Hunter-Lab	29.489, 51.481, -115.665
Binary	01010000, 00101101, 11011011

#502ddb
```
#502ddb rgb(80,45,219)
```
#b8db2d
```
#b8db2d rgb(184,219,45)
```

Complementary Color

#2d61db
```
#2d61db rgb(45,97,219)
```
#502ddb
```
#502ddb rgb(80,45,219)
```
#a72ddb
```
#a72ddb rgb(167,45,219)
```

Analogous Color

#61db2d
```
#61db2d rgb(97,219,45)
```
#502ddb
```
#502ddb rgb(80,45,219)
```
#dba72d
```
#dba72d rgb(219,167,45)
```

Split Complementary Color

#2ddb50
```
#2ddb50 rgb(45,219,80)
```
#502ddb
```
#502ddb rgb(80,45,219)
```
#db502d
```
#db502d rgb(219,80,45)
```

Triadic Color

#2db8db
```
#2db8db rgb(45,184,219)
```
#502ddb
```
#502ddb rgb(80,45,219)
```
#db502d
```
#db502d rgb(219,80,45)
```
#b8db2d
```
#b8db2d rgb(184,219,45)
```

Tetradic Color

#361ba0
```
#361ba0 rgb(54,27,160)
```
#3d1fb6
```
#3d1fb6 rgb(61,31,182)
```
#4523cc
```
#4523cc rgb(69,35,204)
```
#502ddb
```
#502ddb rgb(80,45,219)
```
#6243df
```
#6243df rgb(98,67,223)
```
#7459e2
```
#7459e2 rgb(116,89,226)
```
#866ee6
```
#866ee6 rgb(134,110,230)
```

Monochromatic Color

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

#2d36db
```
#2d36db rgb(45,54,219)
```
#332ddb
```
#332ddb rgb(51,45,219)
```
#412ddb
```
#412ddb rgb(65,45,219)
```
#502ddb
```
#502ddb rgb(80,45,219)
```
#5e2ddb
```
#5e2ddb rgb(94,45,219)
```
#6d2ddb
```
#6d2ddb rgb(109,45,219)
```
#7c2ddb
```
#7c2ddb rgb(124,45,219)
```

Similar Colors

Text with hexadecimal color #502ddb

This text has a font color of #502ddb.

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

#502ddb background color

This paragraph has a background color of #502ddb.

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

#502ddb border color

This element has a border color of #502ddb.

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

CSS codes

.text {color:#502ddb;}

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

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

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

#030108
```
#030108 rgb(3,1,8)
```
#080418
```
#080418 rgb(8,4,24)
```
#0e0729
```
#0e0729 rgb(14,7,41)
```
#140a3a
```
#140a3a rgb(20,10,58)
```
#190d4b
```
#190d4b rgb(25,13,75)
```
#1f105b
```
#1f105b rgb(31,16,91)
```
#25136c
```
#25136c rgb(37,19,108)
```
#2a157d
```
#2a157d rgb(42,21,125)
```
#30188e
```
#30188e rgb(48,24,142)
```
#361b9e
```
#361b9e rgb(54,27,158)
```
#3b1eaf
```
#3b1eaf rgb(59,30,175)
```
#4121c0
```
#4121c0 rgb(65,33,192)
```
#4724d1
```
#4724d1 rgb(71,36,209)
```

Shade Color Variation

#502ddb
```
#502ddb rgb(80,45,219)
```
#5e3ede
```
#5e3ede rgb(94,62,222)
```
#6c4ee1
```
#6c4ee1 rgb(108,78,225)
```
#7a5fe4
```
#7a5fe4 rgb(122,95,228)
```
#8870e6
```
#8870e6 rgb(136,112,230)
```
#9681e9
```
#9681e9 rgb(150,129,233)
```
#a491ec
```
#a491ec rgb(164,145,236)
```
#b2a2ef
```
#b2a2ef rgb(178,162,239)
```
#c0b3f2
```
#c0b3f2 rgb(192,179,242)
```
#cec4f5
```
#cec4f5 rgb(206,196,245)
```
#dcd4f8
```
#dcd4f8 rgb(220,212,248)
```
#e9e5fb
```
#e9e5fb rgb(233,229,251)
```
#f7f6fd
```
#f7f6fd rgb(247,246,253)
```

Tint Color Variation

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

#838286
```
#838286 rgb(131,130,134)
```
#7d798f
```
#7d798f rgb(125,121,143)
```
#786f99
```
#786f99 rgb(120,111,153)
```
#7266a2
```
#7266a2 rgb(114,102,162)
```
#6c5cac
```
#6c5cac rgb(108,92,172)
```
#6753b5
```
#6753b5 rgb(103,83,181)
```
#6149bf
```
#6149bf rgb(97,73,191)
```
#5b40c8
```
#5b40c8 rgb(91,64,200)
```
#5636d2
```
#5636d2 rgb(86,54,210)
```
#502ddb
```
#502ddb rgb(80,45,219)
```
#4a24e4
```
#4a24e4 rgb(74,36,228)
```
#451aee
```
#451aee rgb(69,26,238)
```
#3f11f7
```
#3f11f7 rgb(63,17,247)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4c4568 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e96 Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#1d49be Protanomaly 1% of men, 0.01% of women
#1d4caf Deuteranomaly 6% of men, 0.4% of women
#1d5094 Tritanomaly 0.01% of the population

#502ddb hex color

#502ddb Color Information

#502ddb Color Conversion

Color Schemes with #502ddb

Alternatives to #502ddb

#502ddb Preview

Shades and Tints of #502ddb

Tones of #502ddb

Color Blindness Simulator