#1564fd hex color

In a RGB color space, hex #1564fd is composed of 8.2% red, 39.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 60.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 219.6 degrees, a saturation of 98.3% and a lightness of 53.7%. #1564fd color hex could be obtained by blending #2ac8ff with #0000fb. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 39
- B 99
RGB color chart
- C 92
- M 60
- Y 0
- K 1
CMYK color chart

● #1564fd color description : Vivid blue.

The hexadecimal color #1564fd has RGB values of R:21, G:100, B:253 and CMYK values of C:0.92, M:0.6, Y:0, K:0.01. Its decimal value is 1402109.

Hex triplet	1564fd	`#1564fd`
RGB Decimal	21, 100, 253	`rgb(21,100,253)`
RGB Percent	8.2, 39.2, 99.2	`rgb(8.2%,39.2%,99.2%)`
CMYK	92, 60, 0, 1
HSL	219.6°, 98.3, 53.7	`hsl(219.6,98.3%,53.7%)`
HSV (or HSB)	219.6°, 91.7, 99.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.448, 36.242, -81.644
XYZ	22.592, 16.364, 94.891
xyY	0.169, 0.122, 16.364
CIE-LCH	47.448, 89.327, 293.937
CIE-LUV	47.448, -21.183, -124.527
Hunter-Lab	40.452, 28.9, -110.764
Binary	00010101, 01100100, 11111101

#1564fd
```
#1564fd rgb(21,100,253)
```
#fdae15
```
#fdae15 rgb(253,174,21)
```

Complementary Color

#15d8fd
```
#15d8fd rgb(21,216,253)
```
#1564fd
```
#1564fd rgb(21,100,253)
```
#3a15fd
```
#3a15fd rgb(58,21,253)
```

Analogous Color

#d8fd15
```
#d8fd15 rgb(216,253,21)
```
#1564fd
```
#1564fd rgb(21,100,253)
```
#fd3a15
```
#fd3a15 rgb(253,58,21)
```

Split Complementary Color

#64fd15
```
#64fd15 rgb(100,253,21)
```
#1564fd
```
#1564fd rgb(21,100,253)
```
#fd1564
```
#fd1564 rgb(253,21,100)
```

Triadic Color

#15fdae
```
#15fdae rgb(21,253,174)
```
#1564fd
```
#1564fd rgb(21,100,253)
```
#fd1564
```
#fd1564 rgb(253,21,100)
```
#fdae15
```
#fdae15 rgb(253,174,21)
```

Tetradic Color

#0244c4
```
#0244c4 rgb(2,68,196)
```
#024ddd
```
#024ddd rgb(2,77,221)
```
#0255f6
```
#0255f6 rgb(2,85,246)
```
#1564fd
```
#1564fd rgb(21,100,253)
```
#2e75fd
```
#2e75fd rgb(46,117,253)
```
#4885fd
```
#4885fd rgb(72,133,253)
```
#6196fe
```
#6196fe rgb(97,150,254)
```

Monochromatic Color

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

#159efd
```
#159efd rgb(21,158,253)
```
#158bfd
```
#158bfd rgb(21,139,253)
```
#1577fd
```
#1577fd rgb(21,119,253)
```
#1564fd
```
#1564fd rgb(21,100,253)
```
#1551fd
```
#1551fd rgb(21,81,253)
```
#153dfd
```
#153dfd rgb(21,61,253)
```
#152afd
```
#152afd rgb(21,42,253)
```

Similar Colors

Text with hexadecimal color #1564fd

This text has a font color of #1564fd.

<span style="color:#1564fd;">Text here</span>

#1564fd background color

This paragraph has a background color of #1564fd.

<p style="background-color:#1564fd;">Content here</p>

#1564fd border color

This element has a border color of #1564fd.

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

CSS codes

.text {color:#1564fd;}

.background {background-color:#1564fd;}

.border {border:1px solid #1564fd;}

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

#000713
```
#000713 rgb(0,7,19)
```
#000d26
```
#000d26 rgb(0,13,38)
```
#00143a
```
#00143a rgb(0,20,58)
```
#011b4d
```
#011b4d rgb(1,27,77)
```
#012161
```
#012161 rgb(1,33,97)
```
#012874
```
#012874 rgb(1,40,116)
```
#012f88
```
#012f88 rgb(1,47,136)
```
#01369b
```
#01369b rgb(1,54,155)
```
#013cae
```
#013cae rgb(1,60,174)
```
#0243c2
```
#0243c2 rgb(2,67,194)
```
#024ad5
```
#024ad5 rgb(2,74,213)
```
#0251e9
```
#0251e9 rgb(2,81,233)
```
#0257fc
```
#0257fc rgb(2,87,252)
```

Shade Color Variation

#1564fd
```
#1564fd rgb(21,100,253)
```
#2871fd
```
#2871fd rgb(40,113,253)
```
#3c7efd
```
#3c7efd rgb(60,126,253)
```
#4f8bfd
```
#4f8bfd rgb(79,139,253)
```
#6398fe
```
#6398fe rgb(99,152,254)
```
#76a4fe
```
#76a4fe rgb(118,164,254)
```
#8ab1fe
```
#8ab1fe rgb(138,177,254)
```
#9dbefe
```
#9dbefe rgb(157,190,254)
```
#b1cbfe
```
#b1cbfe rgb(177,203,254)
```
#c4d8fe
```
#c4d8fe rgb(196,216,254)
```
#d7e5ff
```
#d7e5ff rgb(215,229,255)
```
#ebf2ff
```
#ebf2ff rgb(235,242,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#828790
```
#828790 rgb(130,135,144)
```
#798499
```
#798499 rgb(121,132,153)
```
#7081a2
```
#7081a2 rgb(112,129,162)
```
#677eab
```
#677eab rgb(103,126,171)
```
#5e7bb4
```
#5e7bb4 rgb(94,123,180)
```
#5578bd
```
#5578bd rgb(85,120,189)
```
#4b75c7
```
#4b75c7 rgb(75,117,199)
```
#4272d0
```
#4272d0 rgb(66,114,208)
```
#3970d9
```
#3970d9 rgb(57,112,217)
```
#306de2
```
#306de2 rgb(48,109,226)
```
#276aeb
```
#276aeb rgb(39,106,235)
```
#1e67f4
```
#1e67f4 rgb(30,103,244)
```
#1564fd
```
#1564fd rgb(21,100,253)
```

Tone Color Variation

Below, you can see how #1564fd 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

#5e5e5e Achromatopsia 0.005% of the population
#4f5f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007bc5 Deuteranopia 1% of men
#00838a Tritanopia 0.001% of the population

Trichromacy

#076eec Protanomaly 1% of men, 0.01% of women
#0772d9 Deuteranomaly 6% of men, 0.4% of women
#0778b4 Tritanomaly 0.01% of the population

#1564fd hex color

#1564fd Color Information

#1564fd Color Conversion

Color Schemes with #1564fd

Alternatives to #1564fd

#1564fd Preview

Shades and Tints of #1564fd

Tones of #1564fd

Color Blindness Simulator