#2d45d2 hex color

In a RGB color space, hex #2d45d2 is composed of 17.6% red, 27.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 67.1% magenta, 0% yellow and 17.6% black. It has a hue angle of 231.3 degrees, a saturation of 64.7% and a lightness of 50%. #2d45d2 color hex could be obtained by blending #5a8aff with #0000a5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 27
- B 82
RGB color chart
- C 79
- M 67
- Y 0
- K 18
CMYK color chart

● #2d45d2 color description : Strong blue.

The hexadecimal color #2d45d2 has RGB values of R:45, G:69, B:210 and CMYK values of C:0.79, M:0.67, Y:0, K:0.18. Its decimal value is 2966994.

Hex triplet	2d45d2	`#2d45d2`
RGB Decimal	45, 69, 210	`rgb(45,69,210)`
RGB Percent	17.6, 27.1, 82.4	`rgb(17.6%,27.1%,82.4%)`
CMYK	79, 67, 0, 18
HSL	231.3°, 64.7, 50	`hsl(231.3,64.7%,50%)`
HSV (or HSB)	231.3°, 78.6, 82.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.867, 41.367, -74.633
XYZ	14.841, 9.466, 62.014
xyY	0.172, 0.11, 9.466
CIE-LCH	36.867, 85.331, 298.999
CIE-LUV	36.867, -11.842, -105.373
Hunter-Lab	30.767, 32.258, -97.967
Binary	00101101, 01000101, 11010010

#2d45d2
```
#2d45d2 rgb(45,69,210)
```
#d2ba2d
```
#d2ba2d rgb(210,186,45)
```

Complementary Color

#2d98d2
```
#2d98d2 rgb(45,152,210)
```
#2d45d2
```
#2d45d2 rgb(45,69,210)
```
#682dd2
```
#682dd2 rgb(104,45,210)
```

Analogous Color

#98d22d
```
#98d22d rgb(152,210,45)
```
#2d45d2
```
#2d45d2 rgb(45,69,210)
```
#d2682d
```
#d2682d rgb(210,104,45)
```

Split Complementary Color

#45d22d
```
#45d22d rgb(69,210,45)
```
#2d45d2
```
#2d45d2 rgb(45,69,210)
```
#d22d45
```
#d22d45 rgb(210,45,69)
```

Triadic Color

#2dd2ba
```
#2dd2ba rgb(45,210,186)
```
#2d45d2
```
#2d45d2 rgb(45,69,210)
```
#d22d45
```
#d22d45 rgb(210,45,69)
```
#d2ba2d
```
#d2ba2d rgb(210,186,45)
```

Tetradic Color

#203093
```
#203093 rgb(32,48,147)
```
#2437a8
```
#2437a8 rgb(36,55,168)
```
#293ebd
```
#293ebd rgb(41,62,189)
```
#2d45d2
```
#2d45d2 rgb(45,69,210)
```
#4258d7
```
#4258d7 rgb(66,88,215)
```
#576adb
```
#576adb rgb(87,106,219)
```
#6c7de0
```
#6c7de0 rgb(108,125,224)
```

Monochromatic Color

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

#2d6ed2
```
#2d6ed2 rgb(45,110,210)
```
#2d61d2
```
#2d61d2 rgb(45,97,210)
```
#2d53d2
```
#2d53d2 rgb(45,83,210)
```
#2d45d2
```
#2d45d2 rgb(45,69,210)
```
#2d37d2
```
#2d37d2 rgb(45,55,210)
```
#302dd2
```
#302dd2 rgb(48,45,210)
```
#3e2dd2
```
#3e2dd2 rgb(62,45,210)
```

Similar Colors

Text with hexadecimal color #2d45d2

This text has a font color of #2d45d2.

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

#2d45d2 background color

This paragraph has a background color of #2d45d2.

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

#2d45d2 border color

This element has a border color of #2d45d2.

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

CSS codes

.text {color:#2d45d2;}

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

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

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

#030510
```
#030510 rgb(3,5,16)
```
#070b20
```
#070b20 rgb(7,11,32)
```
#0a1030
```
#0a1030 rgb(10,16,48)
```
#0e1541
```
#0e1541 rgb(14,21,65)
```
#111b51
```
#111b51 rgb(17,27,81)
```
#152061
```
#152061 rgb(21,32,97)
```
#182571
```
#182571 rgb(24,37,113)
```
#1c2a81
```
#1c2a81 rgb(28,42,129)
```
#1f3091
```
#1f3091 rgb(31,48,145)
```
#2335a2
```
#2335a2 rgb(35,53,162)
```
#263ab2
```
#263ab2 rgb(38,58,178)
```
#2a40c2
```
#2a40c2 rgb(42,64,194)
```
#2d45d2
```
#2d45d2 rgb(45,69,210)
```

Shade Color Variation

#3d53d5
```
#3d53d5 rgb(61,83,213)
```
#4d62d9
```
#4d62d9 rgb(77,98,217)
```
#5d70dc
```
#5d70dc rgb(93,112,220)
```
#6e7ee0
```
#6e7ee0 rgb(110,126,224)
```
#7e8de3
```
#7e8de3 rgb(126,141,227)
```
#8e9be7
```
#8e9be7 rgb(142,155,231)
```
#9ea9ea
```
#9ea9ea rgb(158,169,234)
```
#aeb7ee
```
#aeb7ee rgb(174,183,238)
```
#bec6f1
```
#bec6f1 rgb(190,198,241)
```
#cfd4f5
```
#cfd4f5 rgb(207,212,245)
```
#dfe2f8
```
#dfe2f8 rgb(223,226,248)
```
#eff1fc
```
#eff1fc rgb(239,241,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7d84 is the less saturated color, while #0629f9 is the most saturated one.

#7b7d84
```
#7b7d84 rgb(123,125,132)
```
#72768d
```
#72768d rgb(114,118,141)
```
#686f97
```
#686f97 rgb(104,111,151)
```
#5e68a1
```
#5e68a1 rgb(94,104,161)
```
#5461ab
```
#5461ab rgb(84,97,171)
```
#4a5ab5
```
#4a5ab5 rgb(74,90,181)
```
#4153be
```
#4153be rgb(65,83,190)
```
#374cc8
```
#374cc8 rgb(55,76,200)
```
#2d45d2
```
#2d45d2 rgb(45,69,210)
```
#233edc
```
#233edc rgb(35,62,220)
```
#1937e6
```
#1937e6 rgb(25,55,230)
```
#1030ef
```
#1030ef rgb(16,48,239)
```
#0629f9
```
#0629f9 rgb(6,41,249)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#474c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1054bf Protanomaly 1% of men, 0.01% of women
#1057b0 Deuteranomaly 6% of men, 0.4% of women
#105b92 Tritanomaly 0.01% of the population

#2d45d2 hex color

#2d45d2 Color Information

#2d45d2 Color Conversion

Color Schemes with #2d45d2

Alternatives to #2d45d2

#2d45d2 Preview

Shades and Tints of #2d45d2

Tones of #2d45d2

Color Blindness Simulator