#2d4283 hex color

In a RGB color space, hex #2d4283 is composed of 17.6% red, 25.9% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 49.6% magenta, 0% yellow and 48.6% black. It has a hue angle of 225.3 degrees, a saturation of 48.9% and a lightness of 34.5%. #2d4283 color hex could be obtained by blending #5a84ff with #000007. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 26
- B 51
RGB color chart
- C 66
- M 50
- Y 0
- K 49
CMYK color chart

● #2d4283 color description : Dark moderate blue.

The hexadecimal color #2d4283 has RGB values of R:45, G:66, B:131 and CMYK values of C:0.66, M:0.5, Y:0, K:0.49. Its decimal value is 2966147.

Hex triplet	2d4283	`#2d4283`
RGB Decimal	45, 66, 131	`rgb(45,66,131)`
RGB Percent	17.6, 25.9, 51.4	`rgb(17.6%,25.9%,51.4%)`
CMYK	66, 50, 0, 49
HSL	225.3°, 48.9, 34.5	`hsl(225.3,48.9%,34.5%)`
HSV (or HSB)	225.3°, 65.6, 51.4
Web Safe	333399	`#333399`

CIE-LAB	29.645, 14.091, -39.143
XYZ	7.126, 6.093, 22.272
xyY	0.201, 0.172, 6.093
CIE-LCH	29.645, 41.602, 289.798
CIE-LUV	29.645, -9.799, -52.673
Hunter-Lab	24.683, 8.339, -36.22
Binary	00101101, 01000010, 10000011

#2d4283
```
#2d4283 rgb(45,66,131)
```
#836e2d
```
#836e2d rgb(131,110,45)
```

Complementary Color

#2d6d83
```
#2d6d83 rgb(45,109,131)
```
#2d4283
```
#2d4283 rgb(45,66,131)
```
#432d83
```
#432d83 rgb(67,45,131)
```

Analogous Color

#6d832d
```
#6d832d rgb(109,131,45)
```
#2d4283
```
#2d4283 rgb(45,66,131)
```
#83432d
```
#83432d rgb(131,67,45)
```

Split Complementary Color

#42832d
```
#42832d rgb(66,131,45)
```
#2d4283
```
#2d4283 rgb(45,66,131)
```
#832d42
```
#832d42 rgb(131,45,66)
```

Triadic Color

#2d836e
```
#2d836e rgb(45,131,110)
```
#2d4283
```
#2d4283 rgb(45,66,131)
```
#832d42
```
#832d42 rgb(131,45,66)
```
#836e2d
```
#836e2d rgb(131,110,45)
```

Tetradic Color

#19254a
```
#19254a rgb(25,37,74)
```
#202f5d
```
#202f5d rgb(32,47,93)
```
#263870
```
#263870 rgb(38,56,112)
```
#2d4283
```
#2d4283 rgb(45,66,131)
```
#344c96
```
#344c96 rgb(52,76,150)
```
#3a55a9
```
#3a55a9 rgb(58,85,169)
```
#415fbc
```
#415fbc rgb(65,95,188)
```

Monochromatic Color

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

#2d5883
```
#2d5883 rgb(45,88,131)
```
#2d5083
```
#2d5083 rgb(45,80,131)
```
#2d4983
```
#2d4983 rgb(45,73,131)
```
#2d4283
```
#2d4283 rgb(45,66,131)
```
#2d3b83
```
#2d3b83 rgb(45,59,131)
```
#2d3483
```
#2d3483 rgb(45,52,131)
```
#2d2d83
```
#2d2d83 rgb(45,45,131)
```

Similar Colors

Text with hexadecimal color #2d4283

This text has a font color of #2d4283.

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

#2d4283 background color

This paragraph has a background color of #2d4283.

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

#2d4283 border color

This element has a border color of #2d4283.

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

CSS codes

.text {color:#2d4283;}

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

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

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

#05070e
```
#05070e rgb(5,7,14)
```
#0a0f1d
```
#0a0f1d rgb(10,15,29)
```
#0f162b
```
#0f162b rgb(15,22,43)
```
#141d3a
```
#141d3a rgb(20,29,58)
```
#192549
```
#192549 rgb(25,37,73)
```
#1e2c57
```
#1e2c57 rgb(30,44,87)
```
#233366
```
#233366 rgb(35,51,102)
```
#283b74
```
#283b74 rgb(40,59,116)
```
#2d4283
```
#2d4283 rgb(45,66,131)
```
#324992
```
#324992 rgb(50,73,146)
```
#3751a0
```
#3751a0 rgb(55,81,160)
```
#3c58af
```
#3c58af rgb(60,88,175)
```
#415fbd
```
#415fbd rgb(65,95,189)
```

Shade Color Variation

#4f6cc3
```
#4f6cc3 rgb(79,108,195)
```
#5e78c8
```
#5e78c8 rgb(94,120,200)
```
#6d84cd
```
#6d84cd rgb(109,132,205)
```
#7b90d2
```
#7b90d2 rgb(123,144,210)
```
#8a9dd7
```
#8a9dd7 rgb(138,157,215)
```
#98a9dc
```
#98a9dc rgb(152,169,220)
```
#a7b5e1
```
#a7b5e1 rgb(167,181,225)
```
#b6c1e6
```
#b6c1e6 rgb(182,193,230)
```
#c4ceeb
```
#c4ceeb rgb(196,206,235)
```
#d3daf0
```
#d3daf0 rgb(211,218,240)
```
#e1e6f5
```
#e1e6f5 rgb(225,230,245)
```
#f0f2fa
```
#f0f2fa rgb(240,242,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56575a is the less saturated color, while #042dac is the most saturated one.

#56575a
```
#56575a rgb(86,87,90)
```
#4f5361
```
#4f5361 rgb(79,83,97)
```
#485068
```
#485068 rgb(72,80,104)
```
#414c6f
```
#414c6f rgb(65,76,111)
```
#3b4975
```
#3b4975 rgb(59,73,117)
```
#34457c
```
#34457c rgb(52,69,124)
```
#2d4283
```
#2d4283 rgb(45,66,131)
```
#263f8a
```
#263f8a rgb(38,63,138)
```
#1f3b91
```
#1f3b91 rgb(31,59,145)
```
#193897
```
#193897 rgb(25,56,151)
```
#12349e
```
#12349e rgb(18,52,158)
```
#0b31a5
```
#0b31a5 rgb(11,49,165)
```
#042dac
```
#042dac rgb(4,45,172)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f4350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c4d8a Protanopia 1% of men
#005086 Deuteranopia 1% of men
#13565d Tritanopia 0.001% of the population

Trichromacy

#2c4988 Protanomaly 1% of men, 0.01% of women
#104b85 Deuteranomaly 6% of men, 0.4% of women
#1c4f6b Tritanomaly 0.01% of the population

#2d4283 hex color

#2d4283 Color Information

#2d4283 Color Conversion

Color Schemes with #2d4283

Alternatives to #2d4283

#2d4283 Preview

Shades and Tints of #2d4283

Tones of #2d4283

Color Blindness Simulator