#2d3161 hex color

In a RGB color space, hex #2d3161 is composed of 17.6% red, 19.2% green and 38% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 49.5% magenta, 0% yellow and 62% black. It has a hue angle of 235.4 degrees, a saturation of 36.6% and a lightness of 27.8%. #2d3161 color hex could be obtained by blending #5a62c2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 19
- B 38
RGB color chart
- C 54
- M 49
- Y 0
- K 62
CMYK color chart

● #2d3161 color description : Very dark desaturated blue.

The hexadecimal color #2d3161 has RGB values of R:45, G:49, B:97 and CMYK values of C:0.54, M:0.49, Y:0, K:0.62. Its decimal value is 2961761.

Hex triplet	2d3161	`#2d3161`
RGB Decimal	45, 49, 97	`rgb(45,49,97)`
RGB Percent	17.6, 19.2, 38	`rgb(17.6%,19.2%,38%)`
CMYK	54, 49, 0, 62
HSL	235.4°, 36.6, 27.8	`hsl(235.4,36.6%,27.8%)`
HSV (or HSB)	235.4°, 53.6, 38
Web Safe	333366	`#333366`

CIE-LAB	22.364, 13.319, -29.15
XYZ	4.338, 3.617, 11.778
xyY	0.22, 0.183, 3.617
CIE-LCH	22.364, 32.049, 294.556
CIE-LUV	22.364, -3.816, -35.395
Hunter-Lab	19.02, 7.426, -23.403
Binary	00101101, 00110001, 01100001

#2d3161
```
#2d3161 rgb(45,49,97)
```
#615d2d
```
#615d2d rgb(97,93,45)
```

Complementary Color

#2d4b61
```
#2d4b61 rgb(45,75,97)
```
#2d3161
```
#2d3161 rgb(45,49,97)
```
#432d61
```
#432d61 rgb(67,45,97)
```

Analogous Color

#4b612d
```
#4b612d rgb(75,97,45)
```
#2d3161
```
#2d3161 rgb(45,49,97)
```
#61432d
```
#61432d rgb(97,67,45)
```

Split Complementary Color

#31612d
```
#31612d rgb(49,97,45)
```
#2d3161
```
#2d3161 rgb(45,49,97)
```
#612d31
```
#612d31 rgb(97,45,49)
```

Triadic Color

#2d615d
```
#2d615d rgb(45,97,93)
```
#2d3161
```
#2d3161 rgb(45,49,97)
```
#612d31
```
#612d31 rgb(97,45,49)
```
#615d2d
```
#615d2d rgb(97,93,45)
```

Tetradic Color

#15172d
```
#15172d rgb(21,23,45)
```
#1d1f3e
```
#1d1f3e rgb(29,31,62)
```
#252850
```
#252850 rgb(37,40,80)
```
#2d3161
```
#2d3161 rgb(45,49,97)
```
#353a72
```
#353a72 rgb(53,58,114)
```
#3d4384
```
#3d4384 rgb(61,67,132)
```
#454b95
```
#454b95 rgb(69,75,149)
```

Monochromatic Color

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

#2d3e61
```
#2d3e61 rgb(45,62,97)
```
#2d3a61
```
#2d3a61 rgb(45,58,97)
```
#2d3561
```
#2d3561 rgb(45,53,97)
```
#2d3161
```
#2d3161 rgb(45,49,97)
```
#2d2d61
```
#2d2d61 rgb(45,45,97)
```
#322d61
```
#322d61 rgb(50,45,97)
```
#362d61
```
#362d61 rgb(54,45,97)
```

Similar Colors

Text with hexadecimal color #2d3161

This text has a font color of #2d3161.

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

#2d3161 background color

This paragraph has a background color of #2d3161.

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

#2d3161 border color

This element has a border color of #2d3161.

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

CSS codes

.text {color:#2d3161;}

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

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

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, #010203 is the darkest color, while #f5f5fa is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#080811
```
#080811 rgb(8,8,17)
```
#0e0f1e
```
#0e0f1e rgb(14,15,30)
```
#14162b
```
#14162b rgb(20,22,43)
```
#1a1d39
```
#1a1d39 rgb(26,29,57)
```
#212346
```
#212346 rgb(33,35,70)
```
#272a54
```
#272a54 rgb(39,42,84)
```
#2d3161
```
#2d3161 rgb(45,49,97)
```
#33386e
```
#33386e rgb(51,56,110)
```
#393f7c
```
#393f7c rgb(57,63,124)
```
#404589
```
#404589 rgb(64,69,137)
```
#464c97
```
#464c97 rgb(70,76,151)
```
#4c53a4
```
#4c53a4 rgb(76,83,164)
```

Shade Color Variation

#545bb0
```
#545bb0 rgb(84,91,176)
```
#6168b6
```
#6168b6 rgb(97,104,182)
```
#6f75bc
```
#6f75bc rgb(111,117,188)
```
#7c82c2
```
#7c82c2 rgb(124,130,194)
```
#8a8ec9
```
#8a8ec9 rgb(138,142,201)
```
#979bcf
```
#979bcf rgb(151,155,207)
```
#a4a8d5
```
#a4a8d5 rgb(164,168,213)
```
#b2b5db
```
#b2b5db rgb(178,181,219)
```
#bfc2e1
```
#bfc2e1 rgb(191,194,225)
```
#cdcfe8
```
#cdcfe8 rgb(205,207,232)
```
#dadcee
```
#dadcee rgb(218,220,238)
```
#e7e8f4
```
#e7e8f4 rgb(231,232,244)
```
#f5f5fa
```
#f5f5fa rgb(245,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #43434b is the less saturated color, while #010c8d is the most saturated one.

#43434b
```
#43434b rgb(67,67,75)
```
#3d3f51
```
#3d3f51 rgb(61,63,81)
```
#383a56
```
#383a56 rgb(56,58,86)
```
#32365c
```
#32365c rgb(50,54,92)
```
#2d3161
```
#2d3161 rgb(45,49,97)
```
#282c66
```
#282c66 rgb(40,44,102)
```
#22286c
```
#22286c rgb(34,40,108)
```
#1d2371
```
#1d2371 rgb(29,35,113)
```
#171f77
```
#171f77 rgb(23,31,119)
```
#121a7c
```
#121a7c rgb(18,26,124)
```
#0c1582
```
#0c1582 rgb(12,21,130)
```
#071187
```
#071187 rgb(7,17,135)
```
#010c8d
```
#010c8d rgb(1,12,141)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#33343e Atypical Achromatopsia 0.001% of the population

Dichromacy

#283e6b Protanopia 1% of men
#204067 Deuteranopia 1% of men
#2a4348 Tritanopia 0.001% of the population

Trichromacy

#2a3967 Protanomaly 1% of men, 0.01% of women
#243a64 Deuteranomaly 6% of men, 0.4% of women
#2b3c51 Tritanomaly 0.01% of the population

#2d3161 hex color

#2d3161 Color Information

#2d3161 Color Conversion

Color Schemes with #2d3161

Alternatives to #2d3161

#2d3161 Preview

Shades and Tints of #2d3161

Tones of #2d3161

Color Blindness Simulator