#0504f1 hex color

In a RGB color space, hex #0504f1 is composed of 2% red, 1.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 98.3% magenta, 0% yellow and 5.5% black. It has a hue angle of 240.3 degrees, a saturation of 96.7% and a lightness of 48%. #0504f1 color hex could be obtained by blending #0a08ff with #0000e3. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 2
- G 2
- B 95
RGB color chart
- C 98
- M 98
- Y 0
- K 5
CMYK color chart

● #0504f1 color description : Vivid blue.

The hexadecimal color #0504f1 has RGB values of R:5, G:4, B:241 and CMYK values of C:0.98, M:0.98, Y:0, K:0.05. Its decimal value is 328945.

Hex triplet	0504f1	`#0504f1`
RGB Decimal	5, 4, 241	`rgb(5,4,241)`
RGB Percent	2, 1.6, 94.5	`rgb(2%,1.6%,94.5%)`
CMYK	98, 98, 0, 5
HSL	240.3°, 96.7, 48	`hsl(240.3,96.7%,48%)`
HSV (or HSB)	240.3°, 98.3, 94.5
Web Safe	0000ff	`#0000ff`

CIE-LAB	30.565, 75.249, -102.868
XYZ	15.98, 6.469, 83.621
xyY	0.151, 0.061, 6.469
CIE-LCH	30.565, 127.453, 306.186
CIE-LUV	30.565, -8.811, -122.519
Hunter-Lab	25.434, 67.643, -177.13
Binary	00000101, 00000100, 11110001

#0504f1
```
#0504f1 rgb(5,4,241)
```
#f0f104
```
#f0f104 rgb(240,241,4)
```

Complementary Color

#047af1
```
#047af1 rgb(4,122,241)
```
#0504f1
```
#0504f1 rgb(5,4,241)
```
#7c04f1
```
#7c04f1 rgb(124,4,241)
```

Analogous Color

#7af104
```
#7af104 rgb(122,241,4)
```
#0504f1
```
#0504f1 rgb(5,4,241)
```
#f17c04
```
#f17c04 rgb(241,124,4)
```

Split Complementary Color

#04f105
```
#04f105 rgb(4,241,5)
```
#0504f1
```
#0504f1 rgb(5,4,241)
```
#f10504
```
#f10504 rgb(241,5,4)
```

Triadic Color

#04f0f1
```
#04f0f1 rgb(4,240,241)
```
#0504f1
```
#0504f1 rgb(5,4,241)
```
#f10504
```
#f10504 rgb(241,5,4)
```
#f0f104
```
#f0f104 rgb(240,241,4)
```

Tetradic Color

#0303a6
```
#0303a6 rgb(3,3,166)
```
#0403bf
```
#0403bf rgb(4,3,191)
```
#0404d8
```
#0404d8 rgb(4,4,216)
```
#0504f1
```
#0504f1 rgb(5,4,241)
```
#1413fb
```
#1413fb rgb(20,19,251)
```
#2d2cfc
```
#2d2cfc rgb(45,44,252)
```
#4646fc
```
#4646fc rgb(70,70,252)
```

Monochromatic Color

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

#043ef1
```
#043ef1 rgb(4,62,241)
```
#042bf1
```
#042bf1 rgb(4,43,241)
```
#0417f1
```
#0417f1 rgb(4,23,241)
```
#0504f1
```
#0504f1 rgb(5,4,241)
```
#1904f1
```
#1904f1 rgb(25,4,241)
```
#2c04f1
```
#2c04f1 rgb(44,4,241)
```
#4004f1
```
#4004f1 rgb(64,4,241)
```

Similar Colors

Text with hexadecimal color #0504f1

This text has a font color of #0504f1.

<span style="color:#0504f1;">Text here</span>

#0504f1 background color

This paragraph has a background color of #0504f1.

<p style="background-color:#0504f1;">Content here</p>

#0504f1 border color

This element has a border color of #0504f1.

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

CSS codes

.text {color:#0504f1;}

.background {background-color:#0504f1;}

.border {border:1px solid #0504f1;}

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

#000009
```
#000009 rgb(0,0,9)
```
#01001d
```
#01001d rgb(1,0,29)
```
#010130
```
#010130 rgb(1,1,48)
```
#010143
```
#010143 rgb(1,1,67)
```
#020157
```
#020157 rgb(2,1,87)
```
#02026a
```
#02026a rgb(2,2,106)
```
#03027d
```
#03027d rgb(3,2,125)
```
#030291
```
#030291 rgb(3,2,145)
```
#0303a4
```
#0303a4 rgb(3,3,164)
```
#0403b7
```
#0403b7 rgb(4,3,183)
```
#0403ca
```
#0403ca rgb(4,3,202)
```
#0504de
```
#0504de rgb(5,4,222)
```
#0504f1
```
#0504f1 rgb(5,4,241)
```

Shade Color Variation

#0f0efb
```
#0f0efb rgb(15,14,251)
```
#2221fb
```
#2221fb rgb(34,33,251)
```
#3534fc
```
#3534fc rgb(53,52,252)
```
#4848fc
```
#4848fc rgb(72,72,252)
```
#5b5bfc
```
#5b5bfc rgb(91,91,252)
```
#6f6efd
```
#6f6efd rgb(111,110,253)
```
#8281fd
```
#8281fd rgb(130,129,253)
```
#9595fd
```
#9595fd rgb(149,149,253)
```
#a8a8fe
```
#a8a8fe rgb(168,168,254)
```
#bcbbfe
```
#bcbbfe rgb(188,187,254)
```
#cfcffe
```
#cfcffe rgb(207,207,254)
```
#e2e2ff
```
#e2e2ff rgb(226,226,255)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

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

#757580
```
#757580 rgb(117,117,128)
```
#6c6c89
```
#6c6c89 rgb(108,108,137)
```
#626293
```
#626293 rgb(98,98,147)
```
#59599c
```
#59599c rgb(89,89,156)
```
#504fa6
```
#504fa6 rgb(80,79,166)
```
#4646af
```
#4646af rgb(70,70,175)
```
#3d3db8
```
#3d3db8 rgb(61,61,184)
```
#3433c2
```
#3433c2 rgb(52,51,194)
```
#2a2acb
```
#2a2acb rgb(42,42,203)
```
#2120d5
```
#2120d5 rgb(33,32,213)
```
#1817de
```
#1817de rgb(24,23,222)
```
#0e0de8
```
#0e0de8 rgb(14,13,232)
```
#0504f1
```
#0504f1 rgb(5,4,241)
```

Tone Color Variation

Below, you can see how #0504f1 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

#1f1f1f Achromatopsia 0.005% of the population
#1a1a49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005484 Deuteranopia 1% of men
#00595c Tritanopia 0.001% of the population

Trichromacy

#0133b9 Protanomaly 1% of men, 0.01% of women
#0136ab Deuteranomaly 6% of men, 0.4% of women
#013a92 Tritanomaly 0.01% of the population

#0504f1 hex color

#0504f1 Color Information

#0504f1 Color Conversion

Color Schemes with #0504f1

Alternatives to #0504f1

#0504f1 Preview

Shades and Tints of #0504f1

Tones of #0504f1

Color Blindness Simulator