#0504f6 hex color

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

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

● #0504f6 color description : Vivid blue.

The hexadecimal color #0504f6 has RGB values of R:5, G:4, B:246 and CMYK values of C:0.98, M:0.98, Y:0, K:0.04. Its decimal value is 328950.

Hex triplet	0504f6	`#0504f6`
RGB Decimal	5, 4, 246	`rgb(5,4,246)`
RGB Percent	2, 1.6, 96.5	`rgb(2%,1.6%,96.5%)`
CMYK	98, 98, 0, 4
HSL	240.2°, 96.8, 49	`hsl(240.2,96.8%,49%)`
HSV (or HSB)	240.2°, 98.4, 96.5
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.281, 76.456, -104.5
XYZ	16.737, 6.772, 87.609
xyY	0.151, 0.061, 6.772
CIE-LCH	31.281, 129.483, 306.19
CIE-LUV	31.281, -9.021, -125.427
Hunter-Lab	26.022, 69.27, -181.395
Binary	00000101, 00000100, 11110110

#0504f6
```
#0504f6 rgb(5,4,246)
```
#f5f604
```
#f5f604 rgb(245,246,4)
```

Complementary Color

#047cf6
```
#047cf6 rgb(4,124,246)
```
#0504f6
```
#0504f6 rgb(5,4,246)
```
#7e04f6
```
#7e04f6 rgb(126,4,246)
```

Analogous Color

#7cf604
```
#7cf604 rgb(124,246,4)
```
#0504f6
```
#0504f6 rgb(5,4,246)
```
#f67e04
```
#f67e04 rgb(246,126,4)
```

Split Complementary Color

#04f605
```
#04f605 rgb(4,246,5)
```
#0504f6
```
#0504f6 rgb(5,4,246)
```
#f60504
```
#f60504 rgb(246,5,4)
```

Triadic Color

#04f5f6
```
#04f5f6 rgb(4,245,246)
```
#0504f6
```
#0504f6 rgb(5,4,246)
```
#f60504
```
#f60504 rgb(246,5,4)
```
#f5f604
```
#f5f604 rgb(245,246,4)
```

Tetradic Color

#0303ab
```
#0303ab rgb(3,3,171)
```
#0403c4
```
#0403c4 rgb(4,3,196)
```
#0404dd
```
#0404dd rgb(4,4,221)
```
#0504f6
```
#0504f6 rgb(5,4,246)
```
#1918fb
```
#1918fb rgb(25,24,251)
```
#3231fc
```
#3231fc rgb(50,49,252)
```
#4b4afc
```
#4b4afc rgb(75,74,252)
```

Monochromatic Color

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

#0440f6
```
#0440f6 rgb(4,64,246)
```
#042bf6
```
#042bf6 rgb(4,43,246)
```
#0417f6
```
#0417f6 rgb(4,23,246)
```
#0504f6
```
#0504f6 rgb(5,4,246)
```
#1904f6
```
#1904f6 rgb(25,4,246)
```
#2d04f6
```
#2d04f6 rgb(45,4,246)
```
#4204f6
```
#4204f6 rgb(66,4,246)
```

Similar Colors

Text with hexadecimal color #0504f6

This text has a font color of #0504f6.

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

#0504f6 background color

This paragraph has a background color of #0504f6.

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

#0504f6 border color

This element has a border color of #0504f6.

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

CSS codes

.text {color:#0504f6;}

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

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

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, #00000e is the darkest color, while #fafaff is the lightest one.

#00000e
```
#00000e rgb(0,0,14)
```
#010122
```
#010122 rgb(1,1,34)
```
#010135
```
#010135 rgb(1,1,53)
```
#010148
```
#010148 rgb(1,1,72)
```
#02015c
```
#02015c rgb(2,1,92)
```
#02026f
```
#02026f rgb(2,2,111)
```
#030282
```
#030282 rgb(3,2,130)
```
#030295
```
#030295 rgb(3,2,149)
```
#0303a9
```
#0303a9 rgb(3,3,169)
```
#0403bc
```
#0403bc rgb(4,3,188)
```
#0403cf
```
#0403cf rgb(4,3,207)
```
#0504e3
```
#0504e3 rgb(5,4,227)
```
#0504f6
```
#0504f6 rgb(5,4,246)
```

Shade Color Variation

#1312fb
```
#1312fb rgb(19,18,251)
```
#2726fb
```
#2726fb rgb(39,38,251)
```
#3a39fc
```
#3a39fc rgb(58,57,252)
```
#4d4cfc
```
#4d4cfc rgb(77,76,252)
```
#6060fc
```
#6060fc rgb(96,96,252)
```
#7473fd
```
#7473fd rgb(116,115,253)
```
#8786fd
```
#8786fd rgb(135,134,253)
```
#9a9afd
```
#9a9afd rgb(154,154,253)
```
#adadfe
```
#adadfe rgb(173,173,254)
```
#c0c0fe
```
#c0c0fe rgb(192,192,254)
```
#d4d3fe
```
#d4d3fe rgb(212,211,254)
```
#e7e7ff
```
#e7e7ff rgb(231,231,255)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#777783
```
#777783 rgb(119,119,131)
```
#6e6e8c
```
#6e6e8c rgb(110,110,140)
```
#646496
```
#646496 rgb(100,100,150)
```
#5b5b9f
```
#5b5b9f rgb(91,91,159)
```
#5151a9
```
#5151a9 rgb(81,81,169)
```
#4847b3
```
#4847b3 rgb(72,71,179)
```
#3e3ebc
```
#3e3ebc rgb(62,62,188)
```
#3534c6
```
#3534c6 rgb(53,52,198)
```
#2b2ad0
```
#2b2ad0 rgb(43,42,208)
```
#2221d9
```
#2221d9 rgb(34,33,217)
```
#1817e3
```
#1817e3 rgb(24,23,227)
```
#0f0eec
```
#0f0eec rgb(15,14,236)
```
#0504f6
```
#0504f6 rgb(5,4,246)
```

Tone Color Variation

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

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5e Tritanopia 0.001% of the population

Trichromacy

#0134bd Protanomaly 1% of men, 0.01% of women
#0137af Deuteranomaly 6% of men, 0.4% of women
#013b95 Tritanomaly 0.01% of the population

#0504f6 hex color

#0504f6 Color Information

#0504f6 Color Conversion

Color Schemes with #0504f6

Alternatives to #0504f6

#0504f6 Preview

Shades and Tints of #0504f6

Tones of #0504f6

Color Blindness Simulator