#2d45ae hex color

In a RGB color space, hex #2d45ae is composed of 17.6% red, 27.1% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 60.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 228.8 degrees, a saturation of 58.9% and a lightness of 42.9%. #2d45ae color hex could be obtained by blending #5a8aff with #00005d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 27
- B 68
RGB color chart
- C 74
- M 60
- Y 0
- K 32
CMYK color chart

● #2d45ae color description : Dark blue.

The hexadecimal color #2d45ae has RGB values of R:45, G:69, B:174 and CMYK values of C:0.74, M:0.6, Y:0, K:0.32. Its decimal value is 2966958.

Hex triplet	2d45ae	`#2d45ae`
RGB Decimal	45, 69, 174	`rgb(45,69,174)`
RGB Percent	17.6, 27.1, 68.2	`rgb(17.6%,27.1%,68.2%)`
CMYK	74, 60, 0, 32
HSL	228.8°, 58.9, 42.9	`hsl(228.8,58.9%,42.9%)`
HSV (or HSB)	228.8°, 74.1, 68.2
Web Safe	333399	`#333399`

CIE-LAB	33.709, 28.275, -58.705
XYZ	10.849, 7.869, 40.989
xyY	0.182, 0.132, 7.869
CIE-LCH	33.709, 65.16, 295.718
CIE-LUV	33.709, -11.193, -82.003
Hunter-Lab	28.052, 19.939, -66.996
Binary	00101101, 01000101, 10101110

#2d45ae
```
#2d45ae rgb(45,69,174)
```
#ae962d
```
#ae962d rgb(174,150,45)
```

Complementary Color

#2d86ae
```
#2d86ae rgb(45,134,174)
```
#2d45ae
```
#2d45ae rgb(45,69,174)
```
#562dae
```
#562dae rgb(86,45,174)
```

Analogous Color

#86ae2d
```
#86ae2d rgb(134,174,45)
```
#2d45ae
```
#2d45ae rgb(45,69,174)
```
#ae562d
```
#ae562d rgb(174,86,45)
```

Split Complementary Color

#45ae2d
```
#45ae2d rgb(69,174,45)
```
#2d45ae
```
#2d45ae rgb(45,69,174)
```
#ae2d45
```
#ae2d45 rgb(174,45,69)
```

Triadic Color

#2dae96
```
#2dae96 rgb(45,174,150)
```
#2d45ae
```
#2d45ae rgb(45,69,174)
```
#ae2d45
```
#ae2d45 rgb(174,45,69)
```
#ae962d
```
#ae962d rgb(174,150,45)
```

Tetradic Color

#1d2d71
```
#1d2d71 rgb(29,45,113)
```
#233585
```
#233585 rgb(35,53,133)
```
#283d9a
```
#283d9a rgb(40,61,154)
```
#2d45ae
```
#2d45ae rgb(45,69,174)
```
#324dc2
```
#324dc2 rgb(50,77,194)
```
#405bce
```
#405bce rgb(64,91,206)
```
#556cd3
```
#556cd3 rgb(85,108,211)
```

Monochromatic Color

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

#2d65ae
```
#2d65ae rgb(45,101,174)
```
#2d5bae
```
#2d5bae rgb(45,91,174)
```
#2d50ae
```
#2d50ae rgb(45,80,174)
```
#2d45ae
```
#2d45ae rgb(45,69,174)
```
#2d3aae
```
#2d3aae rgb(45,58,174)
```
#2d30ae
```
#2d30ae rgb(45,48,174)
```
#352dae
```
#352dae rgb(53,45,174)
```

Similar Colors

Text with hexadecimal color #2d45ae

This text has a font color of #2d45ae.

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

#2d45ae background color

This paragraph has a background color of #2d45ae.

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

#2d45ae border color

This element has a border color of #2d45ae.

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

CSS codes

.text {color:#2d45ae;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050712
```
#050712 rgb(5,7,18)
```
#090d22
```
#090d22 rgb(9,13,34)
```
#0d1431
```
#0d1431 rgb(13,20,49)
```
#111a41
```
#111a41 rgb(17,26,65)
```
#152050
```
#152050 rgb(21,32,80)
```
#192660
```
#192660 rgb(25,38,96)
```
#1d2c70
```
#1d2c70 rgb(29,44,112)
```
#21327f
```
#21327f rgb(33,50,127)
```
#25398f
```
#25398f rgb(37,57,143)
```
#293f9e
```
#293f9e rgb(41,63,158)
```
#2d45ae
```
#2d45ae rgb(45,69,174)
```
#314bbe
```
#314bbe rgb(49,75,190)
```

Shade Color Variation

#3753cb
```
#3753cb rgb(55,83,203)
```
#4760cf
```
#4760cf rgb(71,96,207)
```
#566dd3
```
#566dd3 rgb(86,109,211)
```
#667bd7
```
#667bd7 rgb(102,123,215)
```
#7588db
```
#7588db rgb(117,136,219)
```
#8596df
```
#8596df rgb(133,150,223)
```
#94a3e3
```
#94a3e3 rgb(148,163,227)
```
#a4b1e7
```
#a4b1e7 rgb(164,177,231)
```
#b4beec
```
#b4beec rgb(180,190,236)
```
#c3cbf0
```
#c3cbf0 rgb(195,203,240)
```
#d3d9f4
```
#d3d9f4 rgb(211,217,244)
```
#e2e6f8
```
#e2e6f8 rgb(226,230,248)
```
#f2f4fc
```
#f2f4fc rgb(242,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686a73 is the less saturated color, while #032bd8 is the most saturated one.

#686a73
```
#686a73 rgb(104,106,115)
```
#60657b
```
#60657b rgb(96,101,123)
```
#575f84
```
#575f84 rgb(87,95,132)
```
#4f5a8c
```
#4f5a8c rgb(79,90,140)
```
#465595
```
#465595 rgb(70,85,149)
```
#3e509d
```
#3e509d rgb(62,80,157)
```
#354aa6
```
#354aa6 rgb(53,74,166)
```
#2d45ae
```
#2d45ae rgb(45,69,174)
```
#2540b6
```
#2540b6 rgb(37,64,182)
```
#1c3abf
```
#1c3abf rgb(28,58,191)
```
#1435c7
```
#1435c7 rgb(20,53,199)
```
#0b30d0
```
#0b30d0 rgb(11,48,208)
```
#032bd8
```
#032bd8 rgb(3,43,216)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#44495e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a7 Protanopia 1% of men
#005a92 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#104faa Protanomaly 1% of men, 0.01% of women
#10529c Deuteranomaly 6% of men, 0.4% of women
#105680 Tritanomaly 0.01% of the population

#2d45ae hex color

#2d45ae Color Information

#2d45ae Color Conversion

Color Schemes with #2d45ae

Alternatives to #2d45ae

#2d45ae Preview

Shades and Tints of #2d45ae

Tones of #2d45ae

Color Blindness Simulator