#3564fd hex color

In a RGB color space, hex #3564fd is composed of 20.8% red, 39.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 60.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 225.9 degrees, a saturation of 98% and a lightness of 60%. #3564fd color hex could be obtained by blending #6ac8ff with #0000fb. Closest websafe color is: #3366ff.

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

● #3564fd color description : Bright blue.

The hexadecimal color #3564fd has RGB values of R:53, G:100, B:253 and CMYK values of C:0.79, M:0.6, Y:0, K:0.01. Its decimal value is 3499261.

Hex triplet	3564fd	`#3564fd`
RGB Decimal	53, 100, 253	`rgb(53,100,253)`
RGB Percent	20.8, 39.2, 99.2	`rgb(20.8%,39.2%,99.2%)`
CMYK	79, 60, 0, 1
HSL	225.9°, 98, 60	`hsl(225.9,98%,60%)`
HSV (or HSB)	225.9°, 79.1, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.211, 38.161, -80.365
XYZ	23.751, 16.961, 94.945
xyY	0.175, 0.125, 16.961
CIE-LCH	48.211, 88.965, 295.401
CIE-LUV	48.211, -18.235, -123.594
Hunter-Lab	41.184, 30.87, -107.857
Binary	00110101, 01100100, 11111101

#3564fd
```
#3564fd rgb(53,100,253)
```
#fdce35
```
#fdce35 rgb(253,206,53)
```

Complementary Color

#35c8fd
```
#35c8fd rgb(53,200,253)
```
#3564fd
```
#3564fd rgb(53,100,253)
```
#6a35fd
```
#6a35fd rgb(106,53,253)
```

Analogous Color

#c8fd35
```
#c8fd35 rgb(200,253,53)
```
#3564fd
```
#3564fd rgb(53,100,253)
```
#fd6a35
```
#fd6a35 rgb(253,106,53)
```

Split Complementary Color

#64fd35
```
#64fd35 rgb(100,253,53)
```
#3564fd
```
#3564fd rgb(53,100,253)
```
#fd3564
```
#fd3564 rgb(253,53,100)
```

Triadic Color

#35fdce
```
#35fdce rgb(53,253,206)
```
#3564fd
```
#3564fd rgb(53,100,253)
```
#fd3564
```
#fd3564 rgb(253,53,100)
```
#fdce35
```
#fdce35 rgb(253,206,53)
```

Tetradic Color

#0237e3
```
#0237e3 rgb(2,55,227)
```
#023dfd
```
#023dfd rgb(2,61,253)
```
#1c51fd
```
#1c51fd rgb(28,81,253)
```
#3564fd
```
#3564fd rgb(53,100,253)
```
#4e77fd
```
#4e77fd rgb(78,119,253)
```
#688bfe
```
#688bfe rgb(104,139,254)
```
#819efe
```
#819efe rgb(129,158,254)
```

Monochromatic Color

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

#3596fd
```
#3596fd rgb(53,150,253)
```
#3585fd
```
#3585fd rgb(53,133,253)
```
#3575fd
```
#3575fd rgb(53,117,253)
```
#3564fd
```
#3564fd rgb(53,100,253)
```
#3553fd
```
#3553fd rgb(53,83,253)
```
#3543fd
```
#3543fd rgb(53,67,253)
```
#3835fd
```
#3835fd rgb(56,53,253)
```

Similar Colors

Text with hexadecimal color #3564fd

This text has a font color of #3564fd.

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

#3564fd background color

This paragraph has a background color of #3564fd.

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

#3564fd border color

This element has a border color of #3564fd.

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

CSS codes

.text {color:#3564fd;}

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

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

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, #00030c is the darkest color, while #f7f9ff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#00081f
```
#00081f rgb(0,8,31)
```
#000c33
```
#000c33 rgb(0,12,51)
```
#011146
```
#011146 rgb(1,17,70)
```
#011659
```
#011659 rgb(1,22,89)
```
#011a6d
```
#011a6d rgb(1,26,109)
```
#011f80
```
#011f80 rgb(1,31,128)
```
#012494
```
#012494 rgb(1,36,148)
```
#0229a7
```
#0229a7 rgb(2,41,167)
```
#022dba
```
#022dba rgb(2,45,186)
```
#0232ce
```
#0232ce rgb(2,50,206)
```
#0237e1
```
#0237e1 rgb(2,55,225)
```
#023bf5
```
#023bf5 rgb(2,59,245)
```

Shade Color Variation

#0e46fd
```
#0e46fd rgb(14,70,253)
```
#2255fd
```
#2255fd rgb(34,85,253)
```
#3564fd
```
#3564fd rgb(53,100,253)
```
#4873fd
```
#4873fd rgb(72,115,253)
```
#5c82fd
```
#5c82fd rgb(92,130,253)
```
#6f91fe
```
#6f91fe rgb(111,145,254)
```
#83a0fe
```
#83a0fe rgb(131,160,254)
```
#96affe
```
#96affe rgb(150,175,254)
```
#aabdfe
```
#aabdfe rgb(170,189,254)
```
#bdccfe
```
#bdccfe rgb(189,204,254)
```
#d0dbff
```
#d0dbff rgb(208,219,255)
```
#e4eaff
```
#e4eaff rgb(228,234,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

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

#93969f
```
#93969f rgb(147,150,159)
```
#8b92a7
```
#8b92a7 rgb(139,146,167)
```
#838eaf
```
#838eaf rgb(131,142,175)
```
#7c89b6
```
#7c89b6 rgb(124,137,182)
```
#7485be
```
#7485be rgb(116,133,190)
```
#6c81c6
```
#6c81c6 rgb(108,129,198)
```
#647dce
```
#647dce rgb(100,125,206)
```
#5c79d6
```
#5c79d6 rgb(92,121,214)
```
#5475de
```
#5475de rgb(84,117,222)
```
#4d70e5
```
#4d70e5 rgb(77,112,229)
```
#456ced
```
#456ced rgb(69,108,237)
```
#3d68f5
```
#3d68f5 rgb(61,104,245)
```
#3564fd
```
#3564fd rgb(53,100,253)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5d6685 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#136fee Protanomaly 1% of men, 0.01% of women
#1373dc Deuteranomaly 6% of men, 0.4% of women
#1379b5 Tritanomaly 0.01% of the population

#3564fd hex color

#3564fd Color Information

#3564fd Color Conversion

Color Schemes with #3564fd

Alternatives to #3564fd

#3564fd Preview

Shades and Tints of #3564fd

Tones of #3564fd

Color Blindness Simulator