#0564fa hex color

In a RGB color space, hex #0564fa is composed of 2% red, 39.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 60% magenta, 0% yellow and 2% black. It has a hue angle of 216.7 degrees, a saturation of 96.1% and a lightness of 50%. #0564fa color hex could be obtained by blending #0ac8ff with #0000f5. Closest websafe color is: #0066ff.

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

● #0564fa color description : Vivid blue.

The hexadecimal color #0564fa has RGB values of R:5, G:100, B:250 and CMYK values of C:0.98, M:0.6, Y:0, K:0.02. Its decimal value is 353530.

Hex triplet	0564fa	`#0564fa`
RGB Decimal	5, 100, 250	`rgb(5,100,250)`
RGB Percent	2, 39.2, 98	`rgb(2%,39.2%,98%)`
CMYK	98, 60, 0, 2
HSL	216.7°, 96.1, 50	`hsl(216.7,96.1%,50%)`
HSV (or HSB)	216.7°, 98, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.036, 34.689, -80.656
XYZ	21.871, 16.047, 92.382
xyY	0.168, 0.123, 16.047
CIE-LCH	47.036, 87.799, 293.272
CIE-LUV	47.036, -21.857, -122.752
Hunter-Lab	40.058, 27.356, -108.692
Binary	00000101, 01100100, 11111010

#0564fa
```
#0564fa rgb(5,100,250)
```
#fa9b05
```
#fa9b05 rgb(250,155,5)
```

Complementary Color

#05dffa
```
#05dffa rgb(5,223,250)
```
#0564fa
```
#0564fa rgb(5,100,250)
```
#2105fa
```
#2105fa rgb(33,5,250)
```

Analogous Color

#dffa05
```
#dffa05 rgb(223,250,5)
```
#0564fa
```
#0564fa rgb(5,100,250)
```
#fa2105
```
#fa2105 rgb(250,33,5)
```

Split Complementary Color

#64fa05
```
#64fa05 rgb(100,250,5)
```
#0564fa
```
#0564fa rgb(5,100,250)
```
#fa0564
```
#fa0564 rgb(250,5,100)
```

Triadic Color

#05fa9b
```
#05fa9b rgb(5,250,155)
```
#0564fa
```
#0564fa rgb(5,100,250)
```
#fa0564
```
#fa0564 rgb(250,5,100)
```
#fa9b05
```
#fa9b05 rgb(250,155,5)
```

Tetradic Color

#0346af
```
#0346af rgb(3,70,175)
```
#0450c8
```
#0450c8 rgb(4,80,200)
```
#045ae1
```
#045ae1 rgb(4,90,225)
```
#0564fa
```
#0564fa rgb(5,100,250)
```
#1e74fb
```
#1e74fb rgb(30,116,251)
```
#3783fb
```
#3783fb rgb(55,131,251)
```
#5093fc
```
#5093fc rgb(80,147,252)
```

Monochromatic Color

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

#05a1fa
```
#05a1fa rgb(5,161,250)
```
#058dfa
```
#058dfa rgb(5,141,250)
```
#0578fa
```
#0578fa rgb(5,120,250)
```
#0564fa
```
#0564fa rgb(5,100,250)
```
#0550fa
```
#0550fa rgb(5,80,250)
```
#053bfa
```
#053bfa rgb(5,59,250)
```
#0527fa
```
#0527fa rgb(5,39,250)
```

Similar Colors

Text with hexadecimal color #0564fa

This text has a font color of #0564fa.

<span style="color:#0564fa;">Text here</span>

#0564fa background color

This paragraph has a background color of #0564fa.

<p style="background-color:#0564fa;">Content here</p>

#0564fa border color

This element has a border color of #0564fa.

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

CSS codes

.text {color:#0564fa;}

.background {background-color:#0564fa;}

.border {border:1px solid #0564fa;}

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

#000813
```
#000813 rgb(0,8,19)
```
#010f26
```
#010f26 rgb(1,15,38)
```
#01173a
```
#01173a rgb(1,23,58)
```
#021f4d
```
#021f4d rgb(2,31,77)
```
#022660
```
#022660 rgb(2,38,96)
```
#022e73
```
#022e73 rgb(2,46,115)
```
#033687
```
#033687 rgb(3,54,135)
```
#033e9a
```
#033e9a rgb(3,62,154)
```
#0345ad
```
#0345ad rgb(3,69,173)
```
#044dc0
```
#044dc0 rgb(4,77,192)
```
#0455d4
```
#0455d4 rgb(4,85,212)
```
#055ce7
```
#055ce7 rgb(5,92,231)
```
#0564fa
```
#0564fa rgb(5,100,250)
```

Shade Color Variation

#1870fa
```
#1870fa rgb(24,112,250)
```
#2b7cfb
```
#2b7cfb rgb(43,124,251)
```
#3f88fb
```
#3f88fb rgb(63,136,251)
```
#5294fc
```
#5294fc rgb(82,148,252)
```
#65a0fc
```
#65a0fc rgb(101,160,252)
```
#78acfc
```
#78acfc rgb(120,172,252)
```
#8cb7fd
```
#8cb7fd rgb(140,183,253)
```
#9fc3fd
```
#9fc3fd rgb(159,195,253)
```
#b2cffd
```
#b2cffd rgb(178,207,253)
```
#c5dbfe
```
#c5dbfe rgb(197,219,254)
```
#d9e7fe
```
#d9e7fe rgb(217,231,254)
```
#ecf3ff
```
#ecf3ff rgb(236,243,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7e84 is the less saturated color, while #0564fa is the most saturated one.

#7b7e84
```
#7b7e84 rgb(123,126,132)
```
#717c8e
```
#717c8e rgb(113,124,142)
```
#677a98
```
#677a98 rgb(103,122,152)
```
#5d78a2
```
#5d78a2 rgb(93,120,162)
```
#5376ac
```
#5376ac rgb(83,118,172)
```
#4a73b5
```
#4a73b5 rgb(74,115,181)
```
#4071bf
```
#4071bf rgb(64,113,191)
```
#366fc9
```
#366fc9 rgb(54,111,201)
```
#2c6dd3
```
#2c6dd3 rgb(44,109,211)
```
#226bdd
```
#226bdd rgb(34,107,221)
```
#1968e6
```
#1968e6 rgb(25,104,230)
```
#0f66f0
```
#0f66f0 rgb(15,102,240)
```
#0564fa
```
#0564fa rgb(5,100,250)
```

Tone Color Variation

Below, you can see how #0564fa 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

#595959 Achromatopsia 0.005% of the population
#485b79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#007ac4 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#016dea Protanomaly 1% of men, 0.01% of women
#0172d7 Deuteranomaly 6% of men, 0.4% of women
#0177b2 Tritanomaly 0.01% of the population

#0564fa hex color

#0564fa Color Information

#0564fa Color Conversion

Color Schemes with #0564fa

Alternatives to #0564fa

#0564fa Preview

Shades and Tints of #0564fa

Tones of #0564fa

Color Blindness Simulator