#2d489e hex color

In a RGB color space, hex #2d489e is composed of 17.6% red, 28.2% green and 62% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 54.4% magenta, 0% yellow and 38% black. It has a hue angle of 225.7 degrees, a saturation of 55.7% and a lightness of 39.8%. #2d489e color hex could be obtained by blending #5a90ff with #00003d. Closest websafe color is: #333399.

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

● #2d489e color description : Dark blue.

The hexadecimal color #2d489e has RGB values of R:45, G:72, B:158 and CMYK values of C:0.72, M:0.54, Y:0, K:0.38. Its decimal value is 2967710.

Hex triplet	2d489e	`#2d489e`
RGB Decimal	45, 72, 158	`rgb(45,72,158)`
RGB Percent	17.6, 28.2, 62	`rgb(17.6%,28.2%,62%)`
CMYK	72, 54, 0, 38
HSL	225.7°, 55.7, 39.8	`hsl(225.7,55.7%,39.8%)`
HSV (or HSB)	225.7°, 71.5, 62
Web Safe	333399	`#333399`

CIE-LAB	33.266, 20.255, -49.835
XYZ	9.57, 7.661, 33.32
xyY	0.189, 0.152, 7.661
CIE-LCH	33.266, 53.794, 292.119
CIE-LUV	33.266, -11.8, -69.689
Hunter-Lab	27.678, 13.281, -52.002
Binary	00101101, 01001000, 10011110

#2d489e
```
#2d489e rgb(45,72,158)
```
#9e832d
```
#9e832d rgb(158,131,45)
```

Complementary Color

#2d819e
```
#2d819e rgb(45,129,158)
```
#2d489e
```
#2d489e rgb(45,72,158)
```
#4a2d9e
```
#4a2d9e rgb(74,45,158)
```

Analogous Color

#819e2d
```
#819e2d rgb(129,158,45)
```
#2d489e
```
#2d489e rgb(45,72,158)
```
#9e4a2d
```
#9e4a2d rgb(158,74,45)
```

Split Complementary Color

#489e2d
```
#489e2d rgb(72,158,45)
```
#2d489e
```
#2d489e rgb(45,72,158)
```
#9e2d48
```
#9e2d48 rgb(158,45,72)
```

Triadic Color

#2d9e83
```
#2d9e83 rgb(45,158,131)
```
#2d489e
```
#2d489e rgb(45,72,158)
```
#9e2d48
```
#9e2d48 rgb(158,45,72)
```
#9e832d
```
#9e832d rgb(158,131,45)
```

Tetradic Color

#1c2d62
```
#1c2d62 rgb(28,45,98)
```
#223676
```
#223676 rgb(34,54,118)
```
#273f8a
```
#273f8a rgb(39,63,138)
```
#2d489e
```
#2d489e rgb(45,72,158)
```
#3351b2
```
#3351b2 rgb(51,81,178)
```
#385ac6
```
#385ac6 rgb(56,90,198)
```
#4c6acc
```
#4c6acc rgb(76,106,204)
```

Monochromatic Color

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

#2d649e
```
#2d649e rgb(45,100,158)
```
#2d5b9e
```
#2d5b9e rgb(45,91,158)
```
#2d519e
```
#2d519e rgb(45,81,158)
```
#2d489e
```
#2d489e rgb(45,72,158)
```
#2d3f9e
```
#2d3f9e rgb(45,63,158)
```
#2d359e
```
#2d359e rgb(45,53,158)
```
#2e2d9e
```
#2e2d9e rgb(46,45,158)
```

Similar Colors

Text with hexadecimal color #2d489e

This text has a font color of #2d489e.

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

#2d489e background color

This paragraph has a background color of #2d489e.

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

#2d489e border color

This element has a border color of #2d489e.

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

CSS codes

.text {color:#2d489e;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#060915
```
#060915 rgb(6,9,21)
```
#0a1024
```
#0a1024 rgb(10,16,36)
```
#0f1733
```
#0f1733 rgb(15,23,51)
```
#131e42
```
#131e42 rgb(19,30,66)
```
#172552
```
#172552 rgb(23,37,82)
```
#1c2c61
```
#1c2c61 rgb(28,44,97)
```
#203370
```
#203370 rgb(32,51,112)
```
#243a7f
```
#243a7f rgb(36,58,127)
```
#29418f
```
#29418f rgb(41,65,143)
```
#2d489e
```
#2d489e rgb(45,72,158)
```
#314fad
```
#314fad rgb(49,79,173)
```
#3656bd
```
#3656bd rgb(54,86,189)
```

Shade Color Variation

#3e5fc8
```
#3e5fc8 rgb(62,95,200)
```
#4d6ccc
```
#4d6ccc rgb(77,108,204)
```
#5c78d1
```
#5c78d1 rgb(92,120,209)
```
#6c85d5
```
#6c85d5 rgb(108,133,213)
```
#7b91d9
```
#7b91d9 rgb(123,145,217)
```
#8a9ede
```
#8a9ede rgb(138,158,222)
```
#99abe2
```
#99abe2 rgb(153,171,226)
```
#a9b7e6
```
#a9b7e6 rgb(169,183,230)
```
#b8c4eb
```
#b8c4eb rgb(184,196,235)
```
#c7d1ef
```
#c7d1ef rgb(199,209,239)
```
#d7ddf3
```
#d7ddf3 rgb(215,221,243)
```
#e6eaf8
```
#e6eaf8 rgb(230,234,248)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#646567
```
#646567 rgb(100,101,103)
```
#5c606f
```
#5c606f rgb(92,96,111)
```
#545c77
```
#545c77 rgb(84,92,119)
```
#4c587f
```
#4c587f rgb(76,88,127)
```
#445487
```
#445487 rgb(68,84,135)
```
#3d508e
```
#3d508e rgb(61,80,142)
```
#354c96
```
#354c96 rgb(53,76,150)
```
#2d489e
```
#2d489e rgb(45,72,158)
```
#2544a6
```
#2544a6 rgb(37,68,166)
```
#1d40ae
```
#1d40ae rgb(29,64,174)
```
#163cb5
```
#163cb5 rgb(22,60,181)
```
#0e38bd
```
#0e38bd rgb(14,56,189)
```
#0634c5
```
#0634c5 rgb(6,52,197)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#444a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0a54a6 Protanopia 1% of men
#005992 Deuteranopia 1% of men
#005f66 Tritanopia 0.001% of the population

Trichromacy

#1750a3 Protanomaly 1% of men, 0.01% of women
#105296 Deuteranomaly 6% of men, 0.4% of women
#10577a Tritanomaly 0.01% of the population

#2d489e hex color

#2d489e Color Information

#2d489e Color Conversion

Color Schemes with #2d489e

Alternatives to #2d489e

#2d489e Preview

Shades and Tints of #2d489e

Tones of #2d489e

Color Blindness Simulator