#2d64e2 hex color

In a RGB color space, hex #2d64e2 is composed of 17.6% red, 39.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 55.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 221.8 degrees, a saturation of 75.7% and a lightness of 53.1%. #2d64e2 color hex could be obtained by blending #5ac8ff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 39
- B 89
RGB color chart
- C 80
- M 56
- Y 0
- K 11
CMYK color chart

● #2d64e2 color description : Bright blue.

The hexadecimal color #2d64e2 has RGB values of R:45, G:100, B:226 and CMYK values of C:0.8, M:0.56, Y:0, K:0.11. Its decimal value is 2974946.

Hex triplet	2d64e2	`#2d64e2`
RGB Decimal	45, 100, 226	`rgb(45,100,226)`
RGB Percent	17.6, 39.2, 88.6	`rgb(17.6%,39.2%,88.6%)`
CMYK	80, 56, 0, 11
HSL	221.8°, 75.7, 53.1	`hsl(221.8,75.7%,53.1%)`
HSV (or HSB)	221.8°, 80.1, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.855, 27.592, -69.078
XYZ	19.364, 15.162, 73.853
xyY	0.179, 0.14, 15.162
CIE-LCH	45.855, 74.385, 291.773
CIE-LUV	45.855, -19.35, -105.502
Hunter-Lab	38.938, 20.626, -85.198
Binary	00101101, 01100100, 11100010

#2d64e2
```
#2d64e2 rgb(45,100,226)
```
#e2ab2d
```
#e2ab2d rgb(226,171,45)
```

Complementary Color

#2dbfe2
```
#2dbfe2 rgb(45,191,226)
```
#2d64e2
```
#2d64e2 rgb(45,100,226)
```
#512de2
```
#512de2 rgb(81,45,226)
```

Analogous Color

#bfe22d
```
#bfe22d rgb(191,226,45)
```
#2d64e2
```
#2d64e2 rgb(45,100,226)
```
#e2512d
```
#e2512d rgb(226,81,45)
```

Split Complementary Color

#64e22d
```
#64e22d rgb(100,226,45)
```
#2d64e2
```
#2d64e2 rgb(45,100,226)
```
#e22d64
```
#e22d64 rgb(226,45,100)
```

Triadic Color

#2de2ab
```
#2de2ab rgb(45,226,171)
```
#2d64e2
```
#2d64e2 rgb(45,100,226)
```
#e22d64
```
#e22d64 rgb(226,45,100)
```
#e2ab2d
```
#e2ab2d rgb(226,171,45)
```

Tetradic Color

#1844ab
```
#1844ab rgb(24,68,171)
```
#1b4dc1
```
#1b4dc1 rgb(27,77,193)
```
#1e56d8
```
#1e56d8 rgb(30,86,216)
```
#2d64e2
```
#2d64e2 rgb(45,100,226)
```
#4375e5
```
#4375e5 rgb(67,117,229)
```
#5a85e8
```
#5a85e8 rgb(90,133,232)
```
#7096eb
```
#7096eb rgb(112,150,235)
```

Monochromatic Color

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

#2d91e2
```
#2d91e2 rgb(45,145,226)
```
#2d82e2
```
#2d82e2 rgb(45,130,226)
```
#2d73e2
```
#2d73e2 rgb(45,115,226)
```
#2d64e2
```
#2d64e2 rgb(45,100,226)
```
#2d55e2
```
#2d55e2 rgb(45,85,226)
```
#2d46e2
```
#2d46e2 rgb(45,70,226)
```
#2d37e2
```
#2d37e2 rgb(45,55,226)
```

Similar Colors

Text with hexadecimal color #2d64e2

This text has a font color of #2d64e2.

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

#2d64e2 background color

This paragraph has a background color of #2d64e2.

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

#2d64e2 border color

This element has a border color of #2d64e2.

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

CSS codes

.text {color:#2d64e2;}

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

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

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, #02060e is the darkest color, while #fcfdff is the lightest one.

#02060e
```
#02060e rgb(2,6,14)
```
#040d1f
```
#040d1f rgb(4,13,31)
```
#071331
```
#071331 rgb(7,19,49)
```
#091a42
```
#091a42 rgb(9,26,66)
```
#0b2153
```
#0b2153 rgb(11,33,83)
```
#0e2864
```
#0e2864 rgb(14,40,100)
```
#102f75
```
#102f75 rgb(16,47,117)
```
#133687
```
#133687 rgb(19,54,135)
```
#153d98
```
#153d98 rgb(21,61,152)
```
#1744a9
```
#1744a9 rgb(23,68,169)
```
#1a4bba
```
#1a4bba rgb(26,75,186)
```
#1c51cc
```
#1c51cc rgb(28,81,204)
```
#1f58dd
```
#1f58dd rgb(31,88,221)
```

Shade Color Variation

#2d64e2
```
#2d64e2 rgb(45,100,226)
```
#3e71e4
```
#3e71e4 rgb(62,113,228)
```
#4f7de7
```
#4f7de7 rgb(79,125,231)
```
#618ae9
```
#618ae9 rgb(97,138,233)
```
#7297ec
```
#7297ec rgb(114,151,236)
```
#83a4ee
```
#83a4ee rgb(131,164,238)
```
#94b0f0
```
#94b0f0 rgb(148,176,240)
```
#a6bdf3
```
#a6bdf3 rgb(166,189,243)
```
#b7caf5
```
#b7caf5 rgb(183,202,245)
```
#c8d6f7
```
#c8d6f7 rgb(200,214,247)
```
#d9e3fa
```
#d9e3fa rgb(217,227,250)
```
#ebf0fc
```
#ebf0fc rgb(235,240,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#80848f
```
#80848f rgb(128,132,143)
```
#778198
```
#778198 rgb(119,129,152)
```
#6d7da2
```
#6d7da2 rgb(109,125,162)
```
#647aab
```
#647aab rgb(100,122,171)
```
#5b76b4
```
#5b76b4 rgb(91,118,180)
```
#5272bd
```
#5272bd rgb(82,114,189)
```
#496fc6
```
#496fc6 rgb(73,111,198)
```
#3f6bd0
```
#3f6bd0 rgb(63,107,208)
```
#3668d9
```
#3668d9 rgb(54,104,217)
```
#2d64e2
```
#2d64e2 rgb(45,100,226)
```
#2460eb
```
#2460eb rgb(36,96,235)
```
#1b5df4
```
#1b5df4 rgb(27,93,244)
```
#1159fe
```
#1159fe rgb(17,89,254)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#57627c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#0076c1 Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#106cde Protanomaly 1% of men, 0.01% of women
#1070cd Deuteranomaly 6% of men, 0.4% of women
#1075a8 Tritanomaly 0.01% of the population

#2d64e2 hex color

#2d64e2 Color Information

#2d64e2 Color Conversion

Color Schemes with #2d64e2

Alternatives to #2d64e2

#2d64e2 Preview

Shades and Tints of #2d64e2

Tones of #2d64e2

Color Blindness Simulator