#0504f8 hex color

In a RGB color space, hex #0504f8 is composed of 2% red, 1.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 98.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 240.2 degrees, a saturation of 96.8% and a lightness of 49.4%. #0504f8 color hex could be obtained by blending #0a08ff with #0000f1. Closest websafe color is: #0000ff.

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

● #0504f8 color description : Vivid blue.

The hexadecimal color #0504f8 has RGB values of R:5, G:4, B:248 and CMYK values of C:0.98, M:0.98, Y:0, K:0.03. Its decimal value is 328952.

Hex triplet	0504f8	`#0504f8`
RGB Decimal	5, 4, 248	`rgb(5,4,248)`
RGB Percent	2, 1.6, 97.3	`rgb(2%,1.6%,97.3%)`
CMYK	98, 98, 0, 3
HSL	240.2°, 96.8, 49.4	`hsl(240.2,96.8%,49.4%)`
HSV (or HSB)	240.2°, 98.4, 97.3
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.567, 76.937, -105.151
XYZ	17.046, 6.895, 89.234
xyY	0.151, 0.061, 6.895
CIE-LCH	31.567, 130.292, 306.192
CIE-LUV	31.567, -9.105, -126.587
Hunter-Lab	26.258, 69.923, -183.105
Binary	00000101, 00000100, 11111000

#0504f8
```
#0504f8 rgb(5,4,248)
```
#f7f804
```
#f7f804 rgb(247,248,4)
```

Complementary Color

#047df8
```
#047df8 rgb(4,125,248)
```
#0504f8
```
#0504f8 rgb(5,4,248)
```
#7f04f8
```
#7f04f8 rgb(127,4,248)
```

Analogous Color

#7df804
```
#7df804 rgb(125,248,4)
```
#0504f8
```
#0504f8 rgb(5,4,248)
```
#f87f04
```
#f87f04 rgb(248,127,4)
```

Split Complementary Color

#04f805
```
#04f805 rgb(4,248,5)
```
#0504f8
```
#0504f8 rgb(5,4,248)
```
#f80504
```
#f80504 rgb(248,5,4)
```

Triadic Color

#04f7f8
```
#04f7f8 rgb(4,247,248)
```
#0504f8
```
#0504f8 rgb(5,4,248)
```
#f80504
```
#f80504 rgb(248,5,4)
```
#f7f804
```
#f7f804 rgb(247,248,4)
```

Tetradic Color

#0303ad
```
#0303ad rgb(3,3,173)
```
#0403c6
```
#0403c6 rgb(4,3,198)
```
#0404df
```
#0404df rgb(4,4,223)
```
#0504f8
```
#0504f8 rgb(5,4,248)
```
#1b1afb
```
#1b1afb rgb(27,26,251)
```
#3433fc
```
#3433fc rgb(52,51,252)
```
#4d4cfc
```
#4d4cfc rgb(77,76,252)
```

Monochromatic Color

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

#0440f8
```
#0440f8 rgb(4,64,248)
```
#042cf8
```
#042cf8 rgb(4,44,248)
```
#0417f8
```
#0417f8 rgb(4,23,248)
```
#0504f8
```
#0504f8 rgb(5,4,248)
```
#1904f8
```
#1904f8 rgb(25,4,248)
```
#2e04f8
```
#2e04f8 rgb(46,4,248)
```
#4204f8
```
#4204f8 rgb(66,4,248)
```

Similar Colors

Text with hexadecimal color #0504f8

This text has a font color of #0504f8.

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

#0504f8 background color

This paragraph has a background color of #0504f8.

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

#0504f8 border color

This element has a border color of #0504f8.

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

CSS codes

.text {color:#0504f8;}

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

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

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

#000010
```
#000010 rgb(0,0,16)
```
#010124
```
#010124 rgb(1,1,36)
```
#010137
```
#010137 rgb(1,1,55)
```
#01014a
```
#01014a rgb(1,1,74)
```
#02025e
```
#02025e rgb(2,2,94)
```
#020271
```
#020271 rgb(2,2,113)
```
#030284
```
#030284 rgb(3,2,132)
```
#030297
```
#030297 rgb(3,2,151)
```
#0303ab
```
#0303ab rgb(3,3,171)
```
#0403be
```
#0403be rgb(4,3,190)
```
#0403d1
```
#0403d1 rgb(4,3,209)
```
#0504e5
```
#0504e5 rgb(5,4,229)
```
#0504f8
```
#0504f8 rgb(5,4,248)
```

Shade Color Variation

#1514fb
```
#1514fb rgb(21,20,251)
```
#2928fc
```
#2928fc rgb(41,40,252)
```
#3c3bfc
```
#3c3bfc rgb(60,59,252)
```
#4f4efc
```
#4f4efc rgb(79,78,252)
```
#6262fc
```
#6262fc rgb(98,98,252)
```
#7575fd
```
#7575fd rgb(117,117,253)
```
#8988fd
```
#8988fd rgb(137,136,253)
```
#9c9cfd
```
#9c9cfd rgb(156,156,253)
```
#afaffe
```
#afaffe rgb(175,175,254)
```
#c2c2fe
```
#c2c2fe rgb(194,194,254)
```
#d6d5fe
```
#d6d5fe rgb(214,213,254)
```
#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, #787884 is the less saturated color, while #0504f8 is the most saturated one.

#787884
```
#787884 rgb(120,120,132)
```
#6f6f8d
```
#6f6f8d rgb(111,111,141)
```
#656597
```
#656597 rgb(101,101,151)
```
#5c5ba1
```
#5c5ba1 rgb(92,91,161)
```
#5252aa
```
#5252aa rgb(82,82,170)
```
#4848b4
```
#4848b4 rgb(72,72,180)
```
#3f3ebe
```
#3f3ebe rgb(63,62,190)
```
#3534c8
```
#3534c8 rgb(53,52,200)
```
#2b2bd1
```
#2b2bd1 rgb(43,43,209)
```
#2221db
```
#2221db rgb(34,33,219)
```
#1817e5
```
#1817e5 rgb(24,23,229)
```
#0f0eee
```
#0f0eee rgb(15,14,238)
```
#0504f8
```
#0504f8 rgb(5,4,248)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#1b1a4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005687 Deuteranopia 1% of men
#005c5f Tritanopia 0.001% of the population

Trichromacy

#0135be Protanomaly 1% of men, 0.01% of women
#0138b0 Deuteranomaly 6% of men, 0.4% of women
#013c96 Tritanomaly 0.01% of the population

#0504f8 hex color

#0504f8 Color Information

#0504f8 Color Conversion

Color Schemes with #0504f8

Alternatives to #0504f8

#0504f8 Preview

Shades and Tints of #0504f8

Tones of #0504f8

Color Blindness Simulator