#2064fd hex color

In a RGB color space, hex #2064fd is composed of 12.5% red, 39.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 60.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 221.5 degrees, a saturation of 98.2% and a lightness of 55.9%. #2064fd color hex could be obtained by blending #40c8ff with #0000fb. Closest websafe color is: #3366ff.

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

● #2064fd color description : Vivid blue.

The hexadecimal color #2064fd has RGB values of R:32, G:100, B:253 and CMYK values of C:0.87, M:0.6, Y:0, K:0.01. Its decimal value is 2123005.

Hex triplet	2064fd	`#2064fd`
RGB Decimal	32, 100, 253	`rgb(32,100,253)`
RGB Percent	12.5, 39.2, 99.2	`rgb(12.5%,39.2%,99.2%)`
CMYK	87, 60, 0, 1
HSL	221.5°, 98.2, 55.9	`hsl(221.5,98.2%,55.9%)`
HSV (or HSB)	221.5°, 87.4, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.638, 36.726, -81.325
XYZ	22.879, 16.511, 94.904
xyY	0.17, 0.123, 16.511
CIE-LCH	47.638, 89.233, 294.303
CIE-LUV	47.638, -20.453, -124.3
Hunter-Lab	40.634, 29.393, -110.032
Binary	00100000, 01100100, 11111101

#2064fd
```
#2064fd rgb(32,100,253)
```
#fdb920
```
#fdb920 rgb(253,185,32)
```

Complementary Color

#20d3fd
```
#20d3fd rgb(32,211,253)
```
#2064fd
```
#2064fd rgb(32,100,253)
```
#4a20fd
```
#4a20fd rgb(74,32,253)
```

Analogous Color

#d3fd20
```
#d3fd20 rgb(211,253,32)
```
#2064fd
```
#2064fd rgb(32,100,253)
```
#fd4a20
```
#fd4a20 rgb(253,74,32)
```

Split Complementary Color

#64fd20
```
#64fd20 rgb(100,253,32)
```
#2064fd
```
#2064fd rgb(32,100,253)
```
#fd2064
```
#fd2064 rgb(253,32,100)
```

Triadic Color

#20fdb9
```
#20fdb9 rgb(32,253,185)
```
#2064fd
```
#2064fd rgb(32,100,253)
```
#fd2064
```
#fd2064 rgb(253,32,100)
```
#fdb920
```
#fdb920 rgb(253,185,32)
```

Tetradic Color

#0241cf
```
#0241cf rgb(2,65,207)
```
#0249e8
```
#0249e8 rgb(2,73,232)
```
#0752fd
```
#0752fd rgb(7,82,253)
```
#2064fd
```
#2064fd rgb(32,100,253)
```
#3976fd
```
#3976fd rgb(57,118,253)
```
#5387fd
```
#5387fd rgb(83,135,253)
```
#6c99fe
```
#6c99fe rgb(108,153,254)
```

Monochromatic Color

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

#209bfd
```
#209bfd rgb(32,155,253)
```
#2089fd
```
#2089fd rgb(32,137,253)
```
#2076fd
```
#2076fd rgb(32,118,253)
```
#2064fd
```
#2064fd rgb(32,100,253)
```
#2052fd
```
#2052fd rgb(32,82,253)
```
#203ffd
```
#203ffd rgb(32,63,253)
```
#202dfd
```
#202dfd rgb(32,45,253)
```

Similar Colors

Text with hexadecimal color #2064fd

This text has a font color of #2064fd.

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

#2064fd background color

This paragraph has a background color of #2064fd.

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

#2064fd border color

This element has a border color of #2064fd.

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

CSS codes

.text {color:#2064fd;}

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

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

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

#00030a
```
#00030a rgb(0,3,10)
```
#00091e
```
#00091e rgb(0,9,30)
```
#000f31
```
#000f31 rgb(0,15,49)
```
#011645
```
#011645 rgb(1,22,69)
```
#011c58
```
#011c58 rgb(1,28,88)
```
#01226b
```
#01226b rgb(1,34,107)
```
#01287f
```
#01287f rgb(1,40,127)
```
#012e92
```
#012e92 rgb(1,46,146)
```
#0134a6
```
#0134a6 rgb(1,52,166)
```
#023ab9
```
#023ab9 rgb(2,58,185)
```
#0240cd
```
#0240cd rgb(2,64,205)
```
#0246e0
```
#0246e0 rgb(2,70,224)
```
#024cf4
```
#024cf4 rgb(2,76,244)
```

Shade Color Variation

#0d56fd
```
#0d56fd rgb(13,86,253)
```
#2064fd
```
#2064fd rgb(32,100,253)
```
#3372fd
```
#3372fd rgb(51,114,253)
```
#477ffd
```
#477ffd rgb(71,127,253)
```
#5a8dfe
```
#5a8dfe rgb(90,141,254)
```
#6e9afe
```
#6e9afe rgb(110,154,254)
```
#81a8fe
```
#81a8fe rgb(129,168,254)
```
#95b5fe
```
#95b5fe rgb(149,181,254)
```
#a8c3fe
```
#a8c3fe rgb(168,195,254)
```
#bcd0fe
```
#bcd0fe rgb(188,208,254)
```
#cfdeff
```
#cfdeff rgb(207,222,255)
```
#e2ebff
```
#e2ebff rgb(226,235,255)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#888c95
```
#888c95 rgb(136,140,149)
```
#7f899e
```
#7f899e rgb(127,137,158)
```
#7785a6
```
#7785a6 rgb(119,133,166)
```
#6e82af
```
#6e82af rgb(110,130,175)
```
#657fb8
```
#657fb8 rgb(101,127,184)
```
#5d7bc0
```
#5d7bc0 rgb(93,123,192)
```
#5478c9
```
#5478c9 rgb(84,120,201)
```
#4b75d2
```
#4b75d2 rgb(75,117,210)
```
#4371da
```
#4371da rgb(67,113,218)
```
#3a6ee3
```
#3a6ee3 rgb(58,110,227)
```
#316bec
```
#316bec rgb(49,107,236)
```
#2967f4
```
#2967f4 rgb(41,103,244)
```
#2064fd
```
#2064fd rgb(32,100,253)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#546280 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#007bc6 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#0b6eed Protanomaly 1% of men, 0.01% of women
#0b72da Deuteranomaly 6% of men, 0.4% of women
#0b78b4 Tritanomaly 0.01% of the population

#2064fd hex color

#2064fd Color Information

#2064fd Color Conversion

Color Schemes with #2064fd

Alternatives to #2064fd

#2064fd Preview

Shades and Tints of #2064fd

Tones of #2064fd

Color Blindness Simulator