#2d54a7 hex color

In a RGB color space, hex #2d54a7 is composed of 17.6% red, 32.9% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 49.7% magenta, 0% yellow and 34.5% black. It has a hue angle of 220.8 degrees, a saturation of 57.5% and a lightness of 41.6%. #2d54a7 color hex could be obtained by blending #5aa8ff with #00004f. Closest websafe color is: #336699.

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

● #2d54a7 color description : Dark blue.

The hexadecimal color #2d54a7 has RGB values of R:45, G:84, B:167 and CMYK values of C:0.73, M:0.5, Y:0, K:0.35. Its decimal value is 2970791.

Hex triplet	2d54a7	`#2d54a7`
RGB Decimal	45, 84, 167	`rgb(45,84,167)`
RGB Percent	17.6, 32.9, 65.5	`rgb(17.6%,32.9%,65.5%)`
CMYK	73, 50, 0, 35
HSL	220.8°, 57.5, 41.6	`hsl(220.8,57.5%,41.6%)`
HSV (or HSB)	220.8°, 73.1, 65.5
Web Safe	336699	`#336699`

CIE-LAB	37.276, 15.681, -48.752
XYZ	11.226, 9.688, 37.835
xyY	0.191, 0.165, 9.688
CIE-LCH	37.276, 51.212, 287.831
CIE-LUV	37.276, -15.293, -70.493
Hunter-Lab	31.125, 9.911, -50.285
Binary	00101101, 01010100, 10100111

#2d54a7
```
#2d54a7 rgb(45,84,167)
```
#a7802d
```
#a7802d rgb(167,128,45)
```

Complementary Color

#2d91a7
```
#2d91a7 rgb(45,145,167)
```
#2d54a7
```
#2d54a7 rgb(45,84,167)
```
#432da7
```
#432da7 rgb(67,45,167)
```

Analogous Color

#91a72d
```
#91a72d rgb(145,167,45)
```
#2d54a7
```
#2d54a7 rgb(45,84,167)
```
#a7432d
```
#a7432d rgb(167,67,45)
```

Split Complementary Color

#54a72d
```
#54a72d rgb(84,167,45)
```
#2d54a7
```
#2d54a7 rgb(45,84,167)
```
#a72d54
```
#a72d54 rgb(167,45,84)
```

Triadic Color

#2da780
```
#2da780 rgb(45,167,128)
```
#2d54a7
```
#2d54a7 rgb(45,84,167)
```
#a72d54
```
#a72d54 rgb(167,45,84)
```
#a7802d
```
#a7802d rgb(167,128,45)
```

Tetradic Color

#1d366b
```
#1d366b rgb(29,54,107)
```
#22407f
```
#22407f rgb(34,64,127)
```
#284a93
```
#284a93 rgb(40,74,147)
```
#2d54a7
```
#2d54a7 rgb(45,84,167)
```
#325ebb
```
#325ebb rgb(50,94,187)
```
#3c6acb
```
#3c6acb rgb(60,106,203)
```
#5179d0
```
#5179d0 rgb(81,121,208)
```

Monochromatic Color

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

#2d73a7
```
#2d73a7 rgb(45,115,167)
```
#2d68a7
```
#2d68a7 rgb(45,104,167)
```
#2d5ea7
```
#2d5ea7 rgb(45,94,167)
```
#2d54a7
```
#2d54a7 rgb(45,84,167)
```
#2d4aa7
```
#2d4aa7 rgb(45,74,167)
```
#2d40a7
```
#2d40a7 rgb(45,64,167)
```
#2d36a7
```
#2d36a7 rgb(45,54,167)
```

Similar Colors

Text with hexadecimal color #2d54a7

This text has a font color of #2d54a7.

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

#2d54a7 background color

This paragraph has a background color of #2d54a7.

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

#2d54a7 border color

This element has a border color of #2d54a7.

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

CSS codes

.text {color:#2d54a7;}

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

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

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

#03060c
```
#03060c rgb(3,6,12)
```
#080e1c
```
#080e1c rgb(8,14,28)
```
#0c162b
```
#0c162b rgb(12,22,43)
```
#101e3b
```
#101e3b rgb(16,30,59)
```
#14254a
```
#14254a rgb(20,37,74)
```
#182d5a
```
#182d5a rgb(24,45,90)
```
#1c3569
```
#1c3569 rgb(28,53,105)
```
#213d79
```
#213d79 rgb(33,61,121)
```
#254488
```
#254488 rgb(37,68,136)
```
#294c98
```
#294c98 rgb(41,76,152)
```
#2d54a7
```
#2d54a7 rgb(45,84,167)
```
#315cb6
```
#315cb6 rgb(49,92,182)
```
#3564c6
```
#3564c6 rgb(53,100,198)
```

Shade Color Variation

#436fcc
```
#436fcc rgb(67,111,204)
```
#527ad0
```
#527ad0 rgb(82,122,208)
```
#6286d5
```
#6286d5 rgb(98,134,213)
```
#7192d9
```
#7192d9 rgb(113,146,217)
```
#809edd
```
#809edd rgb(128,158,221)
```
#90aae1
```
#90aae1 rgb(144,170,225)
```
#9fb6e5
```
#9fb6e5 rgb(159,182,229)
```
#afc2e9
```
#afc2e9 rgb(175,194,233)
```
#becdee
```
#becdee rgb(190,205,238)
```
#ced9f2
```
#ced9f2 rgb(206,217,242)
```
#dde5f6
```
#dde5f6 rgb(221,229,246)
```
#edf1fa
```
#edf1fa rgb(237,241,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66696e is the less saturated color, while #0445d0 is the most saturated one.

#66696e
```
#66696e rgb(102,105,110)
```
#5e6676
```
#5e6676 rgb(94,102,118)
```
#56637e
```
#56637e rgb(86,99,126)
```
#4e6086
```
#4e6086 rgb(78,96,134)
```
#455d8f
```
#455d8f rgb(69,93,143)
```
#3d5a97
```
#3d5a97 rgb(61,90,151)
```
#35579f
```
#35579f rgb(53,87,159)
```
#2d54a7
```
#2d54a7 rgb(45,84,167)
```
#2551af
```
#2551af rgb(37,81,175)
```
#1d4eb7
```
#1d4eb7 rgb(29,78,183)
```
#154bbf
```
#154bbf rgb(21,75,191)
```
#0c48c8
```
#0c48c8 rgb(12,72,200)
```
#0445d0
```
#0445d0 rgb(4,69,208)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5263 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f5dac Protanopia 1% of men
#0062a2 Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#2e5aaa Protanomaly 1% of men, 0.01% of women
#105da4 Deuteranomaly 6% of men, 0.4% of women
#106184 Tritanomaly 0.01% of the population

#2d54a7 hex color

#2d54a7 Color Information

#2d54a7 Color Conversion

Color Schemes with #2d54a7

Alternatives to #2d54a7

#2d54a7 Preview

Shades and Tints of #2d54a7

Tones of #2d54a7

Color Blindness Simulator