#2d55a7 hex color

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

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

● #2d55a7 color description : Dark blue.

The hexadecimal color #2d55a7 has RGB values of R:45, G:85, B:167 and CMYK values of C:0.73, M:0.49, Y:0, K:0.35. Its decimal value is 2971047.

Hex triplet	2d55a7	`#2d55a7`
RGB Decimal	45, 85, 167	`rgb(45,85,167)`
RGB Percent	17.6, 33.3, 65.5	`rgb(17.6%,33.3%,65.5%)`
CMYK	73, 49, 0, 35
HSL	220.3°, 57.5, 41.6	`hsl(220.3,57.5%,41.6%)`
HSV (or HSB)	220.3°, 73.1, 65.5
Web Safe	336699	`#336699`

CIE-LAB	37.561, 15.021, -48.293
XYZ	11.304, 9.844, 37.861
xyY	0.192, 0.167, 9.844
CIE-LCH	37.561, 50.575, 287.277
CIE-LUV	37.561, -15.595, -69.958
Hunter-Lab	31.375, 9.405, -49.584
Binary	00101101, 01010101, 10100111

#2d55a7
```
#2d55a7 rgb(45,85,167)
```
#a77f2d
```
#a77f2d rgb(167,127,45)
```

Complementary Color

#2d92a7
```
#2d92a7 rgb(45,146,167)
```
#2d55a7
```
#2d55a7 rgb(45,85,167)
```
#422da7
```
#422da7 rgb(66,45,167)
```

Analogous Color

#92a72d
```
#92a72d rgb(146,167,45)
```
#2d55a7
```
#2d55a7 rgb(45,85,167)
```
#a7422d
```
#a7422d rgb(167,66,45)
```

Split Complementary Color

#55a72d
```
#55a72d rgb(85,167,45)
```
#2d55a7
```
#2d55a7 rgb(45,85,167)
```
#a72d55
```
#a72d55 rgb(167,45,85)
```

Triadic Color

#2da77f
```
#2da77f rgb(45,167,127)
```
#2d55a7
```
#2d55a7 rgb(45,85,167)
```
#a72d55
```
#a72d55 rgb(167,45,85)
```
#a77f2d
```
#a77f2d rgb(167,127,45)
```

Tetradic Color

#1d366b
```
#1d366b rgb(29,54,107)
```
#22417f
```
#22417f rgb(34,65,127)
```
#284b93
```
#284b93 rgb(40,75,147)
```
#2d55a7
```
#2d55a7 rgb(45,85,167)
```
#325fbb
```
#325fbb rgb(50,95,187)
```
#3c6bcb
```
#3c6bcb rgb(60,107,203)
```
#517ad0
```
#517ad0 rgb(81,122,208)
```

Monochromatic Color

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

#2d74a7
```
#2d74a7 rgb(45,116,167)
```
#2d69a7
```
#2d69a7 rgb(45,105,167)
```
#2d5fa7
```
#2d5fa7 rgb(45,95,167)
```
#2d55a7
```
#2d55a7 rgb(45,85,167)
```
#2d4ba7
```
#2d4ba7 rgb(45,75,167)
```
#2d41a7
```
#2d41a7 rgb(45,65,167)
```
#2d36a7
```
#2d36a7 rgb(45,54,167)
```

Similar Colors

Text with hexadecimal color #2d55a7

This text has a font color of #2d55a7.

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

#2d55a7 background color

This paragraph has a background color of #2d55a7.

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

#2d55a7 border color

This element has a border color of #2d55a7.

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

CSS codes

.text {color:#2d55a7;}

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

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

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)
```
#14264a
```
#14264a rgb(20,38,74)
```
#182e5a
```
#182e5a rgb(24,46,90)
```
#1c3669
```
#1c3669 rgb(28,54,105)
```
#213d79
```
#213d79 rgb(33,61,121)
```
#254588
```
#254588 rgb(37,69,136)
```
#294d98
```
#294d98 rgb(41,77,152)
```
#2d55a7
```
#2d55a7 rgb(45,85,167)
```
#315db6
```
#315db6 rgb(49,93,182)
```
#3565c6
```
#3565c6 rgb(53,101,198)
```

Shade Color Variation

#4370cc
```
#4370cc rgb(67,112,204)
```
#527bd0
```
#527bd0 rgb(82,123,208)
```
#6287d5
```
#6287d5 rgb(98,135,213)
```
#7193d9
```
#7193d9 rgb(113,147,217)
```
#809fdd
```
#809fdd rgb(128,159,221)
```
#90aae1
```
#90aae1 rgb(144,170,225)
```
#9fb6e5
```
#9fb6e5 rgb(159,182,229)
```
#afc2e9
```
#afc2e9 rgb(175,194,233)
```
#beceee
```
#beceee rgb(190,206,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 #0447d0 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)
```
#3d5b97
```
#3d5b97 rgb(61,91,151)
```
#35589f
```
#35589f rgb(53,88,159)
```
#2d55a7
```
#2d55a7 rgb(45,85,167)
```
#2552af
```
#2552af rgb(37,82,175)
```
#1d4fb7
```
#1d4fb7 rgb(29,79,183)
```
#154dbf
```
#154dbf rgb(21,77,191)
```
#0c4ac8
```
#0c4ac8 rgb(12,74,200)
```
#0447d0
```
#0447d0 rgb(4,71,208)
```

Tone Color Variation

Below, you can see how #2d55a7 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
#4b5363 Atypical Achromatopsia 0.001% of the population

Dichromacy

#325eac Protanopia 1% of men
#0062a3 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#305baa Protanomaly 1% of men, 0.01% of women
#105da4 Deuteranomaly 6% of men, 0.4% of women
#106285 Tritanomaly 0.01% of the population

#2d55a7 hex color

#2d55a7 Color Information

#2d55a7 Color Conversion

Color Schemes with #2d55a7

Alternatives to #2d55a7

#2d55a7 Preview

Shades and Tints of #2d55a7

Tones of #2d55a7

Color Blindness Simulator