#2d2563 hex color

In a RGB color space, hex #2d2563 is composed of 17.6% red, 14.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 62.6% magenta, 0% yellow and 61.2% black. It has a hue angle of 247.7 degrees, a saturation of 45.6% and a lightness of 26.7%. #2d2563 color hex could be obtained by blending #5a4ac6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 15
- B 39
RGB color chart
- C 55
- M 63
- Y 0
- K 61
CMYK color chart

● #2d2563 color description : Very dark blue.

The hexadecimal color #2d2563 has RGB values of R:45, G:37, B:99 and CMYK values of C:0.55, M:0.63, Y:0, K:0.61. Its decimal value is 2958691.

Hex triplet	2d2563	`#2d2563`
RGB Decimal	45, 37, 99	`rgb(45,37,99)`
RGB Percent	17.6, 14.5, 38.8	`rgb(17.6%,14.5%,38.8%)`
CMYK	55, 63, 0, 61
HSL	247.7°, 45.6, 26.7	`hsl(247.7,45.6%,26.7%)`
HSV (or HSB)	247.7°, 62.6, 38.8
Web Safe	333366	`#333366`

CIE-LAB	19.148, 22.353, -35.635
XYZ	3.995, 2.782, 12.13
xyY	0.211, 0.147, 2.782
CIE-LCH	19.148, 42.065, 302.099
CIE-LUV	19.148, -0.798, -40.683
Hunter-Lab	16.679, 13.573, -31.446
Binary	00101101, 00100101, 01100011

#2d2563
```
#2d2563 rgb(45,37,99)
```
#5b6325
```
#5b6325 rgb(91,99,37)
```

Complementary Color

#253c63
```
#253c63 rgb(37,60,99)
```
#2d2563
```
#2d2563 rgb(45,37,99)
```
#4c2563
```
#4c2563 rgb(76,37,99)
```

Analogous Color

#3c6325
```
#3c6325 rgb(60,99,37)
```
#2d2563
```
#2d2563 rgb(45,37,99)
```
#634c25
```
#634c25 rgb(99,76,37)
```

Split Complementary Color

#25632d
```
#25632d rgb(37,99,45)
```
#2d2563
```
#2d2563 rgb(45,37,99)
```
#632d25
```
#632d25 rgb(99,45,37)
```

Triadic Color

#255b63
```
#255b63 rgb(37,91,99)
```
#2d2563
```
#2d2563 rgb(45,37,99)
```
#632d25
```
#632d25 rgb(99,45,37)
```
#5b6325
```
#5b6325 rgb(91,99,37)
```

Tetradic Color

#14102b
```
#14102b rgb(20,16,43)
```
#1c173e
```
#1c173e rgb(28,23,62)
```
#251e50
```
#251e50 rgb(37,30,80)
```
#2d2563
```
#2d2563 rgb(45,37,99)
```
#352c76
```
#352c76 rgb(53,44,118)
```
#3e3388
```
#3e3388 rgb(62,51,136)
```
#463a9b
```
#463a9b rgb(70,58,155)
```

Monochromatic Color

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

#252d63
```
#252d63 rgb(37,45,99)
```
#252763
```
#252763 rgb(37,39,99)
```
#282563
```
#282563 rgb(40,37,99)
```
#2d2563
```
#2d2563 rgb(45,37,99)
```
#322563
```
#322563 rgb(50,37,99)
```
#372563
```
#372563 rgb(55,37,99)
```
#3d2563
```
#3d2563 rgb(61,37,99)
```

Similar Colors

Text with hexadecimal color #2d2563

This text has a font color of #2d2563.

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

#2d2563 background color

This paragraph has a background color of #2d2563.

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

#2d2563 border color

This element has a border color of #2d2563.

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

CSS codes

.text {color:#2d2563;}

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

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

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

#06050d
```
#06050d rgb(6,5,13)
```
#0d0a1c
```
#0d0a1c rgb(13,10,28)
```
#13102a
```
#13102a rgb(19,16,42)
```
#1a1538
```
#1a1538 rgb(26,21,56)
```
#201a46
```
#201a46 rgb(32,26,70)
```
#272055
```
#272055 rgb(39,32,85)
```
#2d2563
```
#2d2563 rgb(45,37,99)
```
#332a71
```
#332a71 rgb(51,42,113)
```
#3a3080
```
#3a3080 rgb(58,48,128)
```
#40358e
```
#40358e rgb(64,53,142)
```
#473a9c
```
#473a9c rgb(71,58,156)
```
#4d40aa
```
#4d40aa rgb(77,64,170)
```
#5445b9
```
#5445b9 rgb(84,69,185)
```

Shade Color Variation

#6153bf
```
#6153bf rgb(97,83,191)
```
#6e61c4
```
#6e61c4 rgb(110,97,196)
```
#7b6fc9
```
#7b6fc9 rgb(123,111,201)
```
#887ecf
```
#887ecf rgb(136,126,207)
```
#958cd4
```
#958cd4 rgb(149,140,212)
```
#a29ad9
```
#a29ad9 rgb(162,154,217)
```
#afa8df
```
#afa8df rgb(175,168,223)
```
#bdb7e4
```
#bdb7e4 rgb(189,183,228)
```
#cac5e9
```
#cac5e9 rgb(202,197,233)
```
#d7d3ef
```
#d7d3ef rgb(215,211,239)
```
#e4e1f4
```
#e4e1f4 rgb(228,225,244)
```
#f1f0f9
```
#f1f0f9 rgb(241,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#403f49
```
#403f49 rgb(64,63,73)
```
#3d3a4e
```
#3d3a4e rgb(61,58,78)
```
#393553
```
#393553 rgb(57,53,83)
```
#352f59
```
#352f59 rgb(53,47,89)
```
#312a5e
```
#312a5e rgb(49,42,94)
```
#2d2563
```
#2d2563 rgb(45,37,99)
```
#292068
```
#292068 rgb(41,32,104)
```
#251b6d
```
#251b6d rgb(37,27,109)
```
#211573
```
#211573 rgb(33,21,115)
```
#1d1078
```
#1d1078 rgb(29,16,120)
```
#1a0b7d
```
#1a0b7d rgb(26,11,125)
```
#160682
```
#160682 rgb(22,6,130)
```
#120088
```
#120088 rgb(18,0,136)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2e2c39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376c Protanopia 1% of men
#003a60 Deuteranopia 1% of men
#263c41 Tritanopia 0.001% of the population

Trichromacy

#103069 Protanomaly 1% of men, 0.01% of women
#103261 Deuteranomaly 6% of men, 0.4% of women
#29344d Tritanomaly 0.01% of the population

#2d2563 hex color

#2d2563 Color Information

#2d2563 Color Conversion

Color Schemes with #2d2563

Alternatives to #2d2563

#2d2563 Preview

Shades and Tints of #2d2563

Tones of #2d2563

Color Blindness Simulator