#2a45a9 hex color

In a RGB color space, hex #2a45a9 is composed of 16.5% red, 27.1% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 59.2% magenta, 0% yellow and 33.7% black. It has a hue angle of 227.2 degrees, a saturation of 60.2% and a lightness of 41.4%. #2a45a9 color hex could be obtained by blending #548aff with #000053. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 16
- G 27
- B 66
RGB color chart
- C 75
- M 59
- Y 0
- K 34
CMYK color chart

● #2a45a9 color description : Dark blue.

The hexadecimal color #2a45a9 has RGB values of R:42, G:69, B:169 and CMYK values of C:0.75, M:0.59, Y:0, K:0.34. Its decimal value is 2770345.

Hex triplet	2a45a9	`#2a45a9`
RGB Decimal	42, 69, 169	`rgb(42,69,169)`
RGB Percent	16.5, 27.1, 66.3	`rgb(16.5%,27.1%,66.3%)`
CMYK	75, 59, 0, 34
HSL	227.2°, 60.2, 41.4	`hsl(227.2,60.2%,41.4%)`
HSV (or HSB)	227.2°, 75.1, 66.3
Web Safe	333399	`#333399`

CIE-LAB	33.162, 26.033, -56.619
XYZ	10.243, 7.612, 38.463
xyY	0.182, 0.135, 7.612
CIE-LCH	33.162, 62.317, 294.692
CIE-LUV	33.162, -11.638, -78.745
Hunter-Lab	27.591, 17.984, -63.342
Binary	00101010, 01000101, 10101001

#2a45a9
```
#2a45a9 rgb(42,69,169)
```
#a98e2a
```
#a98e2a rgb(169,142,42)
```

Complementary Color

#2a85a9
```
#2a85a9 rgb(42,133,169)
```
#2a45a9
```
#2a45a9 rgb(42,69,169)
```
#4e2aa9
```
#4e2aa9 rgb(78,42,169)
```

Analogous Color

#85a92a
```
#85a92a rgb(133,169,42)
```
#2a45a9
```
#2a45a9 rgb(42,69,169)
```
#a94f2a
```
#a94f2a rgb(169,79,42)
```

Split Complementary Color

#45a92a
```
#45a92a rgb(69,169,42)
```
#2a45a9
```
#2a45a9 rgb(42,69,169)
```
#a92a45
```
#a92a45 rgb(169,42,69)
```

Triadic Color

#2aa98e
```
#2aa98e rgb(42,169,142)
```
#2a45a9
```
#2a45a9 rgb(42,69,169)
```
#a92a45
```
#a92a45 rgb(169,42,69)
```
#a98e2a
```
#a98e2a rgb(169,142,42)
```

Tetradic Color

#1b2c6c
```
#1b2c6c rgb(27,44,108)
```
#203480
```
#203480 rgb(32,52,128)
```
#253d95
```
#253d95 rgb(37,61,149)
```
#2a45a9
```
#2a45a9 rgb(42,69,169)
```
#2f4dbd
```
#2f4dbd rgb(47,77,189)
```
#3858ce
```
#3858ce rgb(56,88,206)
```
#4d69d3
```
#4d69d3 rgb(77,105,211)
```

Monochromatic Color

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

#2a65a9
```
#2a65a9 rgb(42,101,169)
```
#2a5aa9
```
#2a5aa9 rgb(42,90,169)
```
#2a50a9
```
#2a50a9 rgb(42,80,169)
```
#2a45a9
```
#2a45a9 rgb(42,69,169)
```
#2a3aa9
```
#2a3aa9 rgb(42,58,169)
```
#2a30a9
```
#2a30a9 rgb(42,48,169)
```
#2f2aa9
```
#2f2aa9 rgb(47,42,169)
```

Similar Colors

Text with hexadecimal color #2a45a9

This text has a font color of #2a45a9.

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

#2a45a9 background color

This paragraph has a background color of #2a45a9.

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

#2a45a9 border color

This element has a border color of #2a45a9.

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

CSS codes

.text {color:#2a45a9;}

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

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

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)
```
#070b1c
```
#070b1c rgb(7,11,28)
```
#0b122b
```
#0b122b rgb(11,18,43)
```
#0f183b
```
#0f183b rgb(15,24,59)
```
#131f4b
```
#131f4b rgb(19,31,75)
```
#16255a
```
#16255a rgb(22,37,90)
```
#1a2b6a
```
#1a2b6a rgb(26,43,106)
```
#1e327a
```
#1e327a rgb(30,50,122)
```
#22388a
```
#22388a rgb(34,56,138)
```
#263f99
```
#263f99 rgb(38,63,153)
```
#2a45a9
```
#2a45a9 rgb(42,69,169)
```
#2e4bb9
```
#2e4bb9 rgb(46,75,185)
```
#3252c8
```
#3252c8 rgb(50,82,200)
```

Shade Color Variation

#3f5dcf
```
#3f5dcf rgb(63,93,207)
```
#4e6bd3
```
#4e6bd3 rgb(78,107,211)
```
#5e78d7
```
#5e78d7 rgb(94,120,215)
```
#6e85db
```
#6e85db rgb(110,133,219)
```
#7d92df
```
#7d92df rgb(125,146,223)
```
#8d9fe3
```
#8d9fe3 rgb(141,159,227)
```
#9dade7
```
#9dade7 rgb(157,173,231)
```
#adbaeb
```
#adbaeb rgb(173,186,235)
```
#bcc7ee
```
#bcc7ee rgb(188,199,238)
```
#ccd4f2
```
#ccd4f2 rgb(204,212,242)
```
#dce1f6
```
#dce1f6 rgb(220,225,246)
```
#ebeffa
```
#ebeffa rgb(235,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, #636670 is the less saturated color, while #012ed2 is the most saturated one.

#636670
```
#636670 rgb(99,102,112)
```
#5b6178
```
#5b6178 rgb(91,97,120)
```
#535c80
```
#535c80 rgb(83,92,128)
```
#4a5889
```
#4a5889 rgb(74,88,137)
```
#425391
```
#425391 rgb(66,83,145)
```
#3a4e99
```
#3a4e99 rgb(58,78,153)
```
#324aa1
```
#324aa1 rgb(50,74,161)
```
#2a45a9
```
#2a45a9 rgb(42,69,169)
```
#2240b1
```
#2240b1 rgb(34,64,177)
```
#1a3cb9
```
#1a3cb9 rgb(26,60,185)
```
#1237c1
```
#1237c1 rgb(18,55,193)
```
#0a32c9
```
#0a32c9 rgb(10,50,201)
```
#012ed2
```
#012ed2 rgb(1,46,210)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#42475b Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0f4ea6 Protanomaly 1% of men, 0.01% of women
#0f5199 Deuteranomaly 6% of men, 0.4% of women
#0f567e Tritanomaly 0.01% of the population

#2a45a9 hex color

#2a45a9 Color Information

#2a45a9 Color Conversion

Color Schemes with #2a45a9

Alternatives to #2a45a9

#2a45a9 Preview

Shades and Tints of #2a45a9

Tones of #2a45a9

Color Blindness Simulator