#2d45a6 hex color

In a RGB color space, hex #2d45a6 is composed of 17.6% red, 27.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 58.4% magenta, 0% yellow and 34.9% black. It has a hue angle of 228.1 degrees, a saturation of 57.3% and a lightness of 41.4%. #2d45a6 color hex could be obtained by blending #5a8aff with #00004d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 27
- B 65
RGB color chart
- C 73
- M 58
- Y 0
- K 35
CMYK color chart

● #2d45a6 color description : Dark blue.

The hexadecimal color #2d45a6 has RGB values of R:45, G:69, B:166 and CMYK values of C:0.73, M:0.58, Y:0, K:0.35. Its decimal value is 2966950.

Hex triplet	2d45a6	`#2d45a6`
RGB Decimal	45, 69, 166	`rgb(45,69,166)`
RGB Percent	17.6, 27.1, 65.1	`rgb(17.6%,27.1%,65.1%)`
CMYK	73, 58, 0, 35
HSL	228.1°, 57.3, 41.4	`hsl(228.1,57.3%,41.4%)`
HSV (or HSB)	228.1°, 72.9, 65.1
Web Safe	333399	`#333399`

CIE-LAB	33.064, 25.282, -54.977
XYZ	10.092, 7.567, 37.003
xyY	0.185, 0.138, 7.567
CIE-LCH	33.064, 60.511, 294.696
CIE-LUV	33.064, -11.077, -76.533
Hunter-Lab	27.508, 17.349, -60.501
Binary	00101101, 01000101, 10100110

#2d45a6
```
#2d45a6 rgb(45,69,166)
```
#a68e2d
```
#a68e2d rgb(166,142,45)
```

Complementary Color

#2d82a6
```
#2d82a6 rgb(45,130,166)
```
#2d45a6
```
#2d45a6 rgb(45,69,166)
```
#512da6
```
#512da6 rgb(81,45,166)
```

Analogous Color

#82a62d
```
#82a62d rgb(130,166,45)
```
#2d45a6
```
#2d45a6 rgb(45,69,166)
```
#a6522d
```
#a6522d rgb(166,82,45)
```

Split Complementary Color

#45a62d
```
#45a62d rgb(69,166,45)
```
#2d45a6
```
#2d45a6 rgb(45,69,166)
```
#a62d45
```
#a62d45 rgb(166,45,69)
```

Triadic Color

#2da68e
```
#2da68e rgb(45,166,142)
```
#2d45a6
```
#2d45a6 rgb(45,69,166)
```
#a62d45
```
#a62d45 rgb(166,45,69)
```
#a68e2d
```
#a68e2d rgb(166,142,45)
```

Tetradic Color

#1d2c6a
```
#1d2c6a rgb(29,44,106)
```
#22347e
```
#22347e rgb(34,52,126)
```
#283d92
```
#283d92 rgb(40,61,146)
```
#2d45a6
```
#2d45a6 rgb(45,69,166)
```
#324dba
```
#324dba rgb(50,77,186)
```
#3c58ca
```
#3c58ca rgb(60,88,202)
```
#5069d0
```
#5069d0 rgb(80,105,208)
```

Monochromatic Color

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

#2d63a6
```
#2d63a6 rgb(45,99,166)
```
#2d59a6
```
#2d59a6 rgb(45,89,166)
```
#2d4fa6
```
#2d4fa6 rgb(45,79,166)
```
#2d45a6
```
#2d45a6 rgb(45,69,166)
```
#2d3ba6
```
#2d3ba6 rgb(45,59,166)
```
#2d31a6
```
#2d31a6 rgb(45,49,166)
```
#332da6
```
#332da6 rgb(51,45,166)
```

Similar Colors

Text with hexadecimal color #2d45a6

This text has a font color of #2d45a6.

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

#2d45a6 background color

This paragraph has a background color of #2d45a6.

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

#2d45a6 border color

This element has a border color of #2d45a6.

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

CSS codes

.text {color:#2d45a6;}

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

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

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, #03050c is the darkest color, while #fbfcfe is the lightest one.

#03050c
```
#03050c rgb(3,5,12)
```
#070b1b
```
#070b1b rgb(7,11,27)
```
#0c122b
```
#0c122b rgb(12,18,43)
```
#10183a
```
#10183a rgb(16,24,58)
```
#141f49
```
#141f49 rgb(20,31,73)
```
#182559
```
#182559 rgb(24,37,89)
```
#1c2b68
```
#1c2b68 rgb(28,43,104)
```
#203278
```
#203278 rgb(32,50,120)
```
#253887
```
#253887 rgb(37,56,135)
```
#293f97
```
#293f97 rgb(41,63,151)
```
#2d45a6
```
#2d45a6 rgb(45,69,166)
```
#314bb5
```
#314bb5 rgb(49,75,181)
```
#3552c5
```
#3552c5 rgb(53,82,197)
```

Shade Color Variation

#425dcc
```
#425dcc rgb(66,93,204)
```
#516bd0
```
#516bd0 rgb(81,107,208)
```
#6178d4
```
#6178d4 rgb(97,120,212)
```
#7085d8
```
#7085d8 rgb(112,133,216)
```
#8092dd
```
#8092dd rgb(128,146,221)
```
#8f9fe1
```
#8f9fe1 rgb(143,159,225)
```
#9fade5
```
#9fade5 rgb(159,173,229)
```
#aebae9
```
#aebae9 rgb(174,186,233)
```
#bec7ed
```
#bec7ed rgb(190,199,237)
```
#cdd4f1
```
#cdd4f1 rgb(205,212,241)
```
#dce1f6
```
#dce1f6 rgb(220,225,246)
```
#eceffa
```
#eceffa rgb(236,239,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66676d is the less saturated color, while #042dcf is the most saturated one.

#66676d
```
#66676d rgb(102,103,109)
```
#5e6275
```
#5e6275 rgb(94,98,117)
```
#565d7d
```
#565d7d rgb(86,93,125)
```
#4d5986
```
#4d5986 rgb(77,89,134)
```
#45548e
```
#45548e rgb(69,84,142)
```
#3d4f96
```
#3d4f96 rgb(61,79,150)
```
#354a9e
```
#354a9e rgb(53,74,158)
```
#2d45a6
```
#2d45a6 rgb(45,69,166)
```
#2540ae
```
#2540ae rgb(37,64,174)
```
#1d3bb6
```
#1d3bb6 rgb(29,59,182)
```
#1536be
```
#1536be rgb(21,54,190)
```
#0d31c6
```
#0d31c6 rgb(13,49,198)
```
#042dcf
```
#042dcf rgb(4,45,207)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#43485c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#005890 Deuteranopia 1% of men
#005f65 Tritanopia 0.001% of the population

Trichromacy

#104ea5 Protanomaly 1% of men, 0.01% of women
#105198 Deuteranomaly 6% of men, 0.4% of women
#10557c Tritanomaly 0.01% of the population

#2d45a6 hex color

#2d45a6 Color Information

#2d45a6 Color Conversion

Color Schemes with #2d45a6

Alternatives to #2d45a6

#2d45a6 Preview

Shades and Tints of #2d45a6

Tones of #2d45a6

Color Blindness Simulator