#2a54ac hex color

In a RGB color space, hex #2a54ac is composed of 16.5% red, 32.9% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 51.2% magenta, 0% yellow and 32.5% black. It has a hue angle of 220.6 degrees, a saturation of 60.7% and a lightness of 42%. #2a54ac color hex could be obtained by blending #54a8ff with #000059. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 33
- B 67
RGB color chart
- C 76
- M 51
- Y 0
- K 33
CMYK color chart

● #2a54ac color description : Dark blue.

The hexadecimal color #2a54ac has RGB values of R:42, G:84, B:172 and CMYK values of C:0.76, M:0.51, Y:0, K:0.33. Its decimal value is 2774188.

Hex triplet	2a54ac	`#2a54ac`
RGB Decimal	42, 84, 172	`rgb(42,84,172)`
RGB Percent	16.5, 32.9, 67.5	`rgb(16.5%,32.9%,67.5%)`
CMYK	76, 51, 0, 33
HSL	220.6°, 60.7, 42	`hsl(220.6,60.7%,42%)`
HSV (or HSB)	220.6°, 75.6, 67.5
Web Safe	336699	`#336699`

CIE-LAB	37.5, 17.195, -51.368
XYZ	11.57, 9.811, 40.311
xyY	0.188, 0.159, 9.811
CIE-LCH	37.5, 54.17, 288.507
CIE-LUV	37.5, -15.774, -74.401
Hunter-Lab	31.322, 11.123, -54.381
Binary	00101010, 01010100, 10101100

#2a54ac
```
#2a54ac rgb(42,84,172)
```
#ac822a
```
#ac822a rgb(172,130,42)
```

Complementary Color

#2a95ac
```
#2a95ac rgb(42,149,172)
```
#2a54ac
```
#2a54ac rgb(42,84,172)
```
#412aac
```
#412aac rgb(65,42,172)
```

Analogous Color

#95ac2a
```
#95ac2a rgb(149,172,42)
```
#2a54ac
```
#2a54ac rgb(42,84,172)
```
#ac412a
```
#ac412a rgb(172,65,42)
```

Split Complementary Color

#54ac2a
```
#54ac2a rgb(84,172,42)
```
#2a54ac
```
#2a54ac rgb(42,84,172)
```
#ac2a54
```
#ac2a54 rgb(172,42,84)
```

Triadic Color

#2aac82
```
#2aac82 rgb(42,172,130)
```
#2a54ac
```
#2a54ac rgb(42,84,172)
```
#ac2a54
```
#ac2a54 rgb(172,42,84)
```
#ac822a
```
#ac822a rgb(172,130,42)
```

Tetradic Color

#1b366f
```
#1b366f rgb(27,54,111)
```
#204083
```
#204083 rgb(32,64,131)
```
#254a98
```
#254a98 rgb(37,74,152)
```
#2a54ac
```
#2a54ac rgb(42,84,172)
```
#2f5ec0
```
#2f5ec0 rgb(47,94,192)
```
#3a6acf
```
#3a6acf rgb(58,106,207)
```
#4f7ad4
```
#4f7ad4 rgb(79,122,212)
```

Monochromatic Color

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

#2a75ac
```
#2a75ac rgb(42,117,172)
```
#2a6aac
```
#2a6aac rgb(42,106,172)
```
#2a5fac
```
#2a5fac rgb(42,95,172)
```
#2a54ac
```
#2a54ac rgb(42,84,172)
```
#2a49ac
```
#2a49ac rgb(42,73,172)
```
#2a3eac
```
#2a3eac rgb(42,62,172)
```
#2a34ac
```
#2a34ac rgb(42,52,172)
```

Similar Colors

Text with hexadecimal color #2a54ac

This text has a font color of #2a54ac.

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

#2a54ac background color

This paragraph has a background color of #2a54ac.

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

#2a54ac border color

This element has a border color of #2a54ac.

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

CSS codes

.text {color:#2a54ac;}

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

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

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

#04070e
```
#04070e rgb(4,7,14)
```
#070f1e
```
#070f1e rgb(7,15,30)
```
#0b162e
```
#0b162e rgb(11,22,46)
```
#0f1e3e
```
#0f1e3e rgb(15,30,62)
```
#13264d
```
#13264d rgb(19,38,77)
```
#172e5d
```
#172e5d rgb(23,46,93)
```
#1b356d
```
#1b356d rgb(27,53,109)
```
#1e3d7d
```
#1e3d7d rgb(30,61,125)
```
#22458c
```
#22458c rgb(34,69,140)
```
#264c9c
```
#264c9c rgb(38,76,156)
```
#2a54ac
```
#2a54ac rgb(42,84,172)
```
#2e5cbc
```
#2e5cbc rgb(46,92,188)
```
#3263cc
```
#3263cc rgb(50,99,204)
```

Shade Color Variation

#406fd0
```
#406fd0 rgb(64,111,208)
```
#507bd4
```
#507bd4 rgb(80,123,212)
```
#6087d8
```
#6087d8 rgb(96,135,216)
```
#7093dc
```
#7093dc rgb(112,147,220)
```
#7f9fe0
```
#7f9fe0 rgb(127,159,224)
```
#8fabe4
```
#8fabe4 rgb(143,171,228)
```
#9fb6e8
```
#9fb6e8 rgb(159,182,232)
```
#afc2eb
```
#afc2eb rgb(175,194,235)
```
#bfceef
```
#bfceef rgb(191,206,239)
```
#cedaf3
```
#cedaf3 rgb(206,218,243)
```
#dee6f7
```
#dee6f7 rgb(222,230,247)
```
#eef2fb
```
#eef2fb rgb(238,242,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646872 is the less saturated color, while #0145d5 is the most saturated one.

#646872
```
#646872 rgb(100,104,114)
```
#5b657b
```
#5b657b rgb(91,101,123)
```
#536383
```
#536383 rgb(83,99,131)
```
#4b608b
```
#4b608b rgb(75,96,139)
```
#435d93
```
#435d93 rgb(67,93,147)
```
#3a5a9c
```
#3a5a9c rgb(58,90,156)
```
#3257a4
```
#3257a4 rgb(50,87,164)
```
#2a54ac
```
#2a54ac rgb(42,84,172)
```
#2251b4
```
#2251b4 rgb(34,81,180)
```
#1a4ebc
```
#1a4ebc rgb(26,78,188)
```
#114bc5
```
#114bc5 rgb(17,75,197)
```
#0948cd
```
#0948cd rgb(9,72,205)
```
#0145d5
```
#0145d5 rgb(1,69,213)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#495263 Atypical Achromatopsia 0.001% of the population

Dichromacy

#275eb1 Protanopia 1% of men
#0062a2 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#285aaf Protanomaly 1% of men, 0.01% of women
#0f5da6 Deuteranomaly 6% of men, 0.4% of women
#0f6286 Tritanomaly 0.01% of the population

#2a54ac hex color

#2a54ac Color Information

#2a54ac Color Conversion

Color Schemes with #2a54ac

Alternatives to #2a54ac

#2a54ac Preview

Shades and Tints of #2a54ac

Tones of #2a54ac

Color Blindness Simulator