colorhexa.com

#0502d4 hex color

In a RGB color space, hex #0502d4 is composed of 2% red, 0.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 99.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 240.9 degrees, a saturation of 98.1% and a lightness of 42%. #0502d4 color hex could be obtained by blending #0a04ff with #0000a9. Closest websafe color is: #0000cc.

- R 2
- G 1
- B 83
RGB color chart
- C 98
- M 99
- Y 0
- K 17
CMYK color chart

● #0502d4 color description : Strong blue.

The hexadecimal color #0502d4 has RGB values of R:5, G:2, B:212 and CMYK values of C:0.98, M:0.99, Y:0, K:0.17. Its decimal value is 328404.

Hex triplet	0502d4	`#0502d4`
RGB Decimal	5, 2, 212	`rgb(5,2,212)`
RGB Percent	2, 0.8, 83.1	`rgb(2%,0.8%,83.1%)`
CMYK	98, 99, 0, 17
HSL	240.9°, 98.1, 42	`hsl(240.9,98.1%,42%)`
HSV (or HSB)	240.9°, 99.1, 83.1
Web Safe	0000cc	`#0000cc`

CIE-LAB	26.24, 68.526, -93.463
XYZ	11.966, 4.828, 62.585
xyY	0.151, 0.061, 4.828
CIE-LCH	26.24, 115.893, 306.248
CIE-LUV	26.24, -7.494, -105.29
Hunter-Lab	21.973, 58.75, -153.491
Binary	00000101, 00000010, 11010100

#0502d4
```
#0502d4 rgb(5,2,212)
```
#d1d402
```
#d1d402 rgb(209,212,2)
```

Complementary Color

#0268d4
```
#0268d4 rgb(2,104,212)
```
#0502d4
```
#0502d4 rgb(5,2,212)
```
#6e02d4
```
#6e02d4 rgb(110,2,212)
```

Analogous Color

#68d402
```
#68d402 rgb(104,212,2)
```
#0502d4
```
#0502d4 rgb(5,2,212)
```
#d46e02
```
#d46e02 rgb(212,110,2)
```

Split Complementary Color

#030188
```
#030188 rgb(3,1,136)
```
#0402a1
```
#0402a1 rgb(4,2,161)
```
#0402bb
```
#0402bb rgb(4,2,187)
```
#0502d4
```
#0502d4 rgb(5,2,212)
```
#0602ed
```
#0602ed rgb(6,2,237)
```
#100cfd
```
#100cfd rgb(16,12,253)
```
#2926fd
```
#2926fd rgb(41,38,253)
```

Monochromatic Color

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

#0234d4
```
#0234d4 rgb(2,52,212)
```
#0222d4
```
#0222d4 rgb(2,34,212)
```
#0211d4
```
#0211d4 rgb(2,17,212)
```
#0502d4
```
#0502d4 rgb(5,2,212)
```
#1602d4
```
#1602d4 rgb(22,2,212)
```
#2802d4
```
#2802d4 rgb(40,2,212)
```
#3a02d4
```
#3a02d4 rgb(58,2,212)
```

Similar Colors

Text with hexadecimal color #0502d4

This text has a font color of #0502d4.

<span style="color:#0502d4;">Text here</span>

#0502d4 background color

This paragraph has a background color of #0502d4.

<p style="background-color:#0502d4;">Content here</p>

#0502d4 border color

This element has a border color of #0502d4.

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

CSS codes

.text {color:#0502d4;}

.background {background-color:#0502d4;}

.border {border:1px solid #0502d4;}

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

#000012
```
#000012 rgb(0,0,18)
```
#010025
```
#010025 rgb(1,0,37)
```
#010139
```
#010139 rgb(1,1,57)
```
#02014c
```
#02014c rgb(2,1,76)
```
#02015f
```
#02015f rgb(2,1,95)
```
#030173
```
#030173 rgb(3,1,115)
```
#030186
```
#030186 rgb(3,1,134)
```
#04019a
```
#04019a rgb(4,1,154)
```
#0402ad
```
#0402ad rgb(4,2,173)
```
#0502c1
```
#0502c1 rgb(5,2,193)
```
#0502d4
```
#0502d4 rgb(5,2,212)
```
#0502e7
```
#0502e7 rgb(5,2,231)
```
#0602fb
```
#0602fb rgb(6,2,251)
```

Shade Color Variation

#1714fd
```
#1714fd rgb(23,20,253)
```
#2b27fd
```
#2b27fd rgb(43,39,253)
```
#3e3bfd
```
#3e3bfd rgb(62,59,253)
```
#514efd
```
#514efd rgb(81,78,253)
```
#6462fe
```
#6462fe rgb(100,98,254)
```
#7775fe
```
#7775fe rgb(119,117,254)
```
#8a89fe
```
#8a89fe rgb(138,137,254)
```
#9d9cfe
```
#9d9cfe rgb(157,156,254)
```
#b1b0fe
```
#b1b0fe rgb(177,176,254)
```
#c4c3fe
```
#c4c3fe rgb(196,195,254)
```
#d7d6ff
```
#d7d6ff rgb(215,214,255)
```
#eaeaff
```
#eaeaff rgb(234,234,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#656571
```
#656571 rgb(101,101,113)
```
#5d5d79
```
#5d5d79 rgb(93,93,121)
```
#555482
```
#555482 rgb(85,84,130)
```
#4d4c8a
```
#4d4c8a rgb(77,76,138)
```
#454492
```
#454492 rgb(69,68,146)
```
#3d3c9a
```
#3d3c9a rgb(61,60,154)
```
#3533a3
```
#3533a3 rgb(53,51,163)
```
#2d2bab
```
#2d2bab rgb(45,43,171)
```
#2523b3
```
#2523b3 rgb(37,35,179)
```
#1d1bbb
```
#1d1bbb rgb(29,27,187)
```
#1512c4
```
#1512c4 rgb(21,18,196)
```
#0d0acc
```
#0d0acc rgb(13,10,204)
```
#0502d4
```
#0502d4 rgb(5,2,212)
```

Tone Color Variation

Below, you can see how #0502d4 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

#1b1b1b Achromatopsia 0.005% of the population
#171640 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004687 Protanopia 1% of men
#004a74 Deuteranopia 1% of men
#004f52 Tritanopia 0.001% of the population

Trichromacy

#012da3 Protanomaly 1% of men, 0.01% of women
#013097 Deuteranomaly 6% of men, 0.4% of women
#013381 Tritanomaly 0.01% of the population