colorhexa.com

#0501d4 hex color

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

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

● #0501d4 color description : Strong blue.

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

Hex triplet	0501d4	`#0501d4`
RGB Decimal	5, 1, 212	`rgb(5,1,212)`
RGB Percent	2, 0.4, 83.1	`rgb(2%,0.4%,83.1%)`
CMYK	98, 100, 0, 17
HSL	241.1°, 99.1, 41.8	`hsl(241.1,99.1%,41.8%)`
HSV (or HSB)	241.1°, 99.5, 83.1
Web Safe	0000cc	`#0000cc`

CIE-LAB	26.176, 68.723, -93.569
XYZ	11.955, 4.806, 62.581
xyY	0.151, 0.061, 4.806
CIE-LCH	26.176, 116.095, 306.296
CIE-LUV	26.176, -7.453, -105.211
Hunter-Lab	21.924, 58.967, -153.897
Binary	00000101, 00000001, 11010100

#0501d4
```
#0501d4 rgb(5,1,212)
```
#d0d401
```
#d0d401 rgb(208,212,1)
```

Complementary Color

#0167d4
```
#0167d4 rgb(1,103,212)
```
#0501d4
```
#0501d4 rgb(5,1,212)
```
#6f01d4
```
#6f01d4 rgb(111,1,212)
```

Analogous Color

#67d401
```
#67d401 rgb(103,212,1)
```
#0501d4
```
#0501d4 rgb(5,1,212)
```
#d46f01
```
#d46f01 rgb(212,111,1)
```

Split Complementary Color

#030188
```
#030188 rgb(3,1,136)
```
#0401a1
```
#0401a1 rgb(4,1,161)
```
#0401bb
```
#0401bb rgb(4,1,187)
```
#0501d4
```
#0501d4 rgb(5,1,212)
```
#0601ed
```
#0601ed rgb(6,1,237)
```
#0f0afe
```
#0f0afe rgb(15,10,254)
```
#2824fe
```
#2824fe rgb(40,36,254)
```

Monochromatic Color

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

#0132d4
```
#0132d4 rgb(1,50,212)
```
#0120d4
```
#0120d4 rgb(1,32,212)
```
#010fd4
```
#010fd4 rgb(1,15,212)
```
#0501d4
```
#0501d4 rgb(5,1,212)
```
#1701d4
```
#1701d4 rgb(23,1,212)
```
#2801d4
```
#2801d4 rgb(40,1,212)
```
#3a01d4
```
#3a01d4 rgb(58,1,212)
```

Similar Colors

Text with hexadecimal color #0501d4

This text has a font color of #0501d4.

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

#0501d4 background color

This paragraph has a background color of #0501d4.

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

#0501d4 border color

This element has a border color of #0501d4.

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

CSS codes

.text {color:#0501d4;}

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

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

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

#000011
```
#000011 rgb(0,0,17)
```
#010024
```
#010024 rgb(1,0,36)
```
#010038
```
#010038 rgb(1,0,56)
```
#02004b
```
#02004b rgb(2,0,75)
```
#02005f
```
#02005f rgb(2,0,95)
```
#030172
```
#030172 rgb(3,1,114)
```
#030186
```
#030186 rgb(3,1,134)
```
#040199
```
#040199 rgb(4,1,153)
```
#0401ad
```
#0401ad rgb(4,1,173)
```
#0501c0
```
#0501c0 rgb(5,1,192)
```
#0501d4
```
#0501d4 rgb(5,1,212)
```
#0501e8
```
#0501e8 rgb(5,1,232)
```
#0601fb
```
#0601fb rgb(6,1,251)
```

Shade Color Variation

#1612fe
```
#1612fe rgb(22,18,254)
```
#2a25fe
```
#2a25fe rgb(42,37,254)
```
#3d39fe
```
#3d39fe rgb(61,57,254)
```
#504dfe
```
#504dfe rgb(80,77,254)
```
#6360fe
```
#6360fe rgb(99,96,254)
```
#7674fe
```
#7674fe rgb(118,116,254)
```
#8987fe
```
#8987fe rgb(137,135,254)
```
#9d9bff
```
#9d9bff rgb(157,155,255)
```
#b0aeff
```
#b0aeff rgb(176,174,255)
```
#c3c2ff
```
#c3c2ff rgb(195,194,255)
```
#d6d5ff
```
#d6d5ff rgb(214,213,255)
```
#e9e9ff
```
#e9e9ff rgb(233,233,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#646372
```
#646372 rgb(100,99,114)
```
#5c5b7a
```
#5c5b7a rgb(92,91,122)
```
#545382
```
#545382 rgb(84,83,130)
```
#4c4b8a
```
#4c4b8a rgb(76,75,138)
```
#444392
```
#444392 rgb(68,67,146)
```
#3c3a9b
```
#3c3a9b rgb(60,58,155)
```
#3432a3
```
#3432a3 rgb(52,50,163)
```
#2c2aab
```
#2c2aab rgb(44,42,171)
```
#2522b3
```
#2522b3 rgb(37,34,179)
```
#1d1abb
```
#1d1abb rgb(29,26,187)
```
#1511c4
```
#1511c4 rgb(21,17,196)
```
#0d09cc
```
#0d09cc rgb(13,9,204)
```
#0501d4
```
#0501d4 rgb(5,1,212)
```

Tone Color Variation

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

#1a1a1a Achromatopsia 0.005% of the population
#16153f 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

#012ca3 Protanomaly 1% of men, 0.01% of women
#012f97 Deuteranomaly 6% of men, 0.4% of women
#013281 Tritanomaly 0.01% of the population