#2a64fd hex color

In a RGB color space, hex #2a64fd is composed of 16.5% red, 39.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 60.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 223.5 degrees, a saturation of 98.1% and a lightness of 57.8%. #2a64fd color hex could be obtained by blending #54c8ff with #0000fb. Closest websafe color is: #3366ff.

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

● #2a64fd color description : Bright blue.

The hexadecimal color #2a64fd has RGB values of R:42, G:100, B:253 and CMYK values of C:0.83, M:0.6, Y:0, K:0.01. Its decimal value is 2778365.

Hex triplet	2a64fd	`#2a64fd`
RGB Decimal	42, 100, 253	`rgb(42,100,253)`
RGB Percent	16.5, 39.2, 99.2	`rgb(16.5%,39.2%,99.2%)`
CMYK	83, 60, 0, 1
HSL	223.5°, 98.1, 57.8	`hsl(223.5,98.1%,57.8%)`
HSV (or HSB)	223.5°, 83.4, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.875, 37.323, -80.927
XYZ	23.238, 16.697, 94.921
xyY	0.172, 0.124, 16.697
CIE-LCH	47.875, 89.119, 294.759
CIE-LUV	47.875, -19.539, -124.012
Hunter-Lab	40.861, 30.005, -109.127
Binary	00101010, 01100100, 11111101

#2a64fd
```
#2a64fd rgb(42,100,253)
```
#fdc32a
```
#fdc32a rgb(253,195,42)
```

Complementary Color

#2acefd
```
#2acefd rgb(42,206,253)
```
#2a64fd
```
#2a64fd rgb(42,100,253)
```
#5a2afd
```
#5a2afd rgb(90,42,253)
```

Analogous Color

#cefd2a
```
#cefd2a rgb(206,253,42)
```
#2a64fd
```
#2a64fd rgb(42,100,253)
```
#fd5a2a
```
#fd5a2a rgb(253,90,42)
```

Split Complementary Color

#64fd2a
```
#64fd2a rgb(100,253,42)
```
#2a64fd
```
#2a64fd rgb(42,100,253)
```
#fd2a64
```
#fd2a64 rgb(253,42,100)
```

Triadic Color

#2afdc3
```
#2afdc3 rgb(42,253,195)
```
#2a64fd
```
#2a64fd rgb(42,100,253)
```
#fd2a64
```
#fd2a64 rgb(253,42,100)
```
#fdc32a
```
#fdc32a rgb(253,195,42)
```

Tetradic Color

#023dd8
```
#023dd8 rgb(2,61,216)
```
#0244f2
```
#0244f2 rgb(2,68,242)
```
#1152fd
```
#1152fd rgb(17,82,253)
```
#2a64fd
```
#2a64fd rgb(42,100,253)
```
#4376fd
```
#4376fd rgb(67,118,253)
```
#5d89fd
```
#5d89fd rgb(93,137,253)
```
#769bfe
```
#769bfe rgb(118,155,254)
```

Monochromatic Color

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

#2a99fd
```
#2a99fd rgb(42,153,253)
```
#2a87fd
```
#2a87fd rgb(42,135,253)
```
#2a76fd
```
#2a76fd rgb(42,118,253)
```
#2a64fd
```
#2a64fd rgb(42,100,253)
```
#2a52fd
```
#2a52fd rgb(42,82,253)
```
#2a41fd
```
#2a41fd rgb(42,65,253)
```
#2a2ffd
```
#2a2ffd rgb(42,47,253)
```

Similar Colors

Text with hexadecimal color #2a64fd

This text has a font color of #2a64fd.

<span style="color:#2a64fd;">Text here</span>

#2a64fd background color

This paragraph has a background color of #2a64fd.

<p style="background-color:#2a64fd;">Content here</p>

#2a64fd border color

This element has a border color of #2a64fd.

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

CSS codes

.text {color:#2a64fd;}

.background {background-color:#2a64fd;}

.border {border:1px solid #2a64fd;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000614
```
#000614 rgb(0,6,20)
```
#000b28
```
#000b28 rgb(0,11,40)
```
#01113b
```
#01113b rgb(1,17,59)
```
#01164e
```
#01164e rgb(1,22,78)
```
#011c62
```
#011c62 rgb(1,28,98)
```
#012175
```
#012175 rgb(1,33,117)
```
#012789
```
#012789 rgb(1,39,137)
```
#012c9c
```
#012c9c rgb(1,44,156)
```
#0231b0
```
#0231b0 rgb(2,49,176)
```
#0237c3
```
#0237c3 rgb(2,55,195)
```
#023cd7
```
#023cd7 rgb(2,60,215)
```
#0242ea
```
#0242ea rgb(2,66,234)
```

Shade Color Variation

#0348fd
```
#0348fd rgb(3,72,253)
```
#1756fd
```
#1756fd rgb(23,86,253)
```
#2a64fd
```
#2a64fd rgb(42,100,253)
```
#3d72fd
```
#3d72fd rgb(61,114,253)
```
#5180fd
```
#5180fd rgb(81,128,253)
```
#648efe
```
#648efe rgb(100,142,254)
```
#789dfe
```
#789dfe rgb(120,157,254)
```
#8babfe
```
#8babfe rgb(139,171,254)
```
#9fb9fe
```
#9fb9fe rgb(159,185,254)
```
#b2c7fe
```
#b2c7fe rgb(178,199,254)
```
#c5d5fe
```
#c5d5fe rgb(197,213,254)
```
#d9e3ff
```
#d9e3ff rgb(217,227,255)
```
#ecf1ff
```
#ecf1ff rgb(236,241,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d919a is the less saturated color, while #2a64fd is the most saturated one.

#8d919a
```
#8d919a rgb(141,145,154)
```
#858da2
```
#858da2 rgb(133,141,162)
```
#7d89aa
```
#7d89aa rgb(125,137,170)
```
#7486b3
```
#7486b3 rgb(116,134,179)
```
#6c82bb
```
#6c82bb rgb(108,130,187)
```
#647ec3
```
#647ec3 rgb(100,126,195)
```
#5c7acb
```
#5c7acb rgb(92,122,203)
```
#5377d4
```
#5377d4 rgb(83,119,212)
```
#4b73dc
```
#4b73dc rgb(75,115,220)
```
#436fe4
```
#436fe4 rgb(67,111,228)
```
#3b6bec
```
#3b6bec rgb(59,107,236)
```
#3268f5
```
#3268f5 rgb(50,104,245)
```
#2a64fd
```
#2a64fd rgb(42,100,253)
```

Tone Color Variation

Below, you can see how #2a64fd 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

#646464 Achromatopsia 0.005% of the population
#586483 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007cc7 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#0f6fed Protanomaly 1% of men, 0.01% of women
#0f73db Deuteranomaly 6% of men, 0.4% of women
#0f78b5 Tritanomaly 0.01% of the population

#2a64fd hex color

#2a64fd Color Information

#2a64fd Color Conversion

Color Schemes with #2a64fd

Alternatives to #2a64fd

#2a64fd Preview

Shades and Tints of #2a64fd

Tones of #2a64fd

Color Blindness Simulator