#0564fe hex color

In a RGB color space, hex #0564fe is composed of 2% red, 39.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 60.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 217.1 degrees, a saturation of 99.2% and a lightness of 50.8%. #0564fe color hex could be obtained by blending #0ac8ff with #0000fd. Closest websafe color is: #0066ff.

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

● #0564fe color description : Vivid blue.

The hexadecimal color #0564fe has RGB values of R:5, G:100, B:254 and CMYK values of C:0.98, M:0.61, Y:0, K:0. Its decimal value is 353534.

Hex triplet	0564fe	`#0564fe`
RGB Decimal	5, 100, 254	`rgb(5,100,254)`
RGB Percent	2, 39.2, 99.6	`rgb(2%,39.2%,99.6%)`
CMYK	98, 61, 0, 0
HSL	217.1°, 99.2, 50.8	`hsl(217.1,99.2%,50.8%)`
HSV (or HSB)	217.1°, 98, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.366, 36.198, -82.34
XYZ	22.505, 16.3, 95.721
xyY	0.167, 0.121, 16.3
CIE-LCH	47.366, 89.946, 293.731
CIE-LUV	47.366, -21.796, -125.376
Hunter-Lab	40.374, 28.846, -112.307
Binary	00000101, 01100100, 11111110

#0564fe
```
#0564fe rgb(5,100,254)
```
#fe9f05
```
#fe9f05 rgb(254,159,5)
```

Complementary Color

#05e1fe
```
#05e1fe rgb(5,225,254)
```
#0564fe
```
#0564fe rgb(5,100,254)
```
#2205fe
```
#2205fe rgb(34,5,254)
```

Analogous Color

#e1fe05
```
#e1fe05 rgb(225,254,5)
```
#0564fe
```
#0564fe rgb(5,100,254)
```
#fe2305
```
#fe2305 rgb(254,35,5)
```

Split Complementary Color

#64fe05
```
#64fe05 rgb(100,254,5)
```
#0564fe
```
#0564fe rgb(5,100,254)
```
#fe0564
```
#fe0564 rgb(254,5,100)
```

Triadic Color

#05fe9f
```
#05fe9f rgb(5,254,159)
```
#0564fe
```
#0564fe rgb(5,100,254)
```
#fe0564
```
#fe0564 rgb(254,5,100)
```
#fe9f05
```
#fe9f05 rgb(254,159,5)
```

Tetradic Color

#0146b6
```
#0146b6 rgb(1,70,182)
```
#0150cf
```
#0150cf rgb(1,80,207)
```
#0159e9
```
#0159e9 rgb(1,89,233)
```
#0564fe
```
#0564fe rgb(5,100,254)
```
#1e74fe
```
#1e74fe rgb(30,116,254)
```
#3883fe
```
#3883fe rgb(56,131,254)
```
#5193fe
```
#5193fe rgb(81,147,254)
```

Monochromatic Color

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

#05a2fe
```
#05a2fe rgb(5,162,254)
```
#058efe
```
#058efe rgb(5,142,254)
```
#0579fe
```
#0579fe rgb(5,121,254)
```
#0564fe
```
#0564fe rgb(5,100,254)
```
#054ffe
```
#054ffe rgb(5,79,254)
```
#053bfe
```
#053bfe rgb(5,59,254)
```
#0526fe
```
#0526fe rgb(5,38,254)
```

Similar Colors

Text with hexadecimal color #0564fe

This text has a font color of #0564fe.

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

#0564fe background color

This paragraph has a background color of #0564fe.

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

#0564fe border color

This element has a border color of #0564fe.

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

CSS codes

.text {color:#0564fe;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000918
```
#000918 rgb(0,9,24)
```
#00112b
```
#00112b rgb(0,17,43)
```
#00183f
```
#00183f rgb(0,24,63)
```
#002052
```
#002052 rgb(0,32,82)
```
#002766
```
#002766 rgb(0,39,102)
```
#002f79
```
#002f79 rgb(0,47,121)
```
#01368d
```
#01368d rgb(1,54,141)
```
#013ea0
```
#013ea0 rgb(1,62,160)
```
#0145b4
```
#0145b4 rgb(1,69,180)
```
#014dc7
```
#014dc7 rgb(1,77,199)
```
#0154db
```
#0154db rgb(1,84,219)
```
#015cee
```
#015cee rgb(1,92,238)
```

Shade Color Variation

#0564fe
```
#0564fe rgb(5,100,254)
```
#1970fe
```
#1970fe rgb(25,112,254)
```
#2c7cfe
```
#2c7cfe rgb(44,124,254)
```
#4088fe
```
#4088fe rgb(64,136,254)
```
#5394fe
```
#5394fe rgb(83,148,254)
```
#67a1fe
```
#67a1fe rgb(103,161,254)
```
#7aadfe
```
#7aadfe rgb(122,173,254)
```
#8eb9ff
```
#8eb9ff rgb(142,185,255)
```
#a1c5ff
```
#a1c5ff rgb(161,197,255)
```
#b5d1ff
```
#b5d1ff rgb(181,209,255)
```
#c8ddff
```
#c8ddff rgb(200,221,255)
```
#dce9ff
```
#dce9ff rgb(220,233,255)
```
#eff5ff
```
#eff5ff rgb(239,245,255)
```

Tint Color Variation

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

#797f8a
```
#797f8a rgb(121,127,138)
```
#6f7d94
```
#6f7d94 rgb(111,125,148)
```
#667b9d
```
#667b9d rgb(102,123,157)
```
#5c79a7
```
#5c79a7 rgb(92,121,167)
```
#5276b1
```
#5276b1 rgb(82,118,177)
```
#4974ba
```
#4974ba rgb(73,116,186)
```
#3f72c4
```
#3f72c4 rgb(63,114,196)
```
#356fce
```
#356fce rgb(53,111,206)
```
#2c6dd7
```
#2c6dd7 rgb(44,109,215)
```
#226be1
```
#226be1 rgb(34,107,225)
```
#1869eb
```
#1869eb rgb(24,105,235)
```
#0f66f4
```
#0f66f4 rgb(15,102,244)
```
#0564fe
```
#0564fe rgb(5,100,254)
```

Tone Color Variation

Below, you can see how #0564fe 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
#485b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#007ac5 Deuteranopia 1% of men
#00838a Tritanopia 0.001% of the population

Trichromacy

#016eec Protanomaly 1% of men, 0.01% of women
#0172d9 Deuteranomaly 6% of men, 0.4% of women
#0178b4 Tritanomaly 0.01% of the population

#0564fe hex color

#0564fe Color Information

#0564fe Color Conversion

Color Schemes with #0564fe

Alternatives to #0564fe

#0564fe Preview

Shades and Tints of #0564fe

Tones of #0564fe

Color Blindness Simulator