#2d457a hex color

In a RGB color space, hex #2d457a is composed of 17.6% red, 27.1% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 43.4% magenta, 0% yellow and 52.2% black. It has a hue angle of 221.3 degrees, a saturation of 46.1% and a lightness of 32.7%. #2d457a color hex could be obtained by blending #5a8af4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 48
RGB color chart
- C 63
- M 43
- Y 0
- K 52
CMYK color chart

● #2d457a color description : Dark moderate blue.

The hexadecimal color #2d457a has RGB values of R:45, G:69, B:122 and CMYK values of C:0.63, M:0.43, Y:0, K:0.52. Its decimal value is 2966906.

Hex triplet	2d457a	`#2d457a`
RGB Decimal	45, 69, 122	`rgb(45,69,122)`
RGB Percent	17.6, 27.1, 47.8	`rgb(17.6%,27.1%,47.8%)`
CMYK	63, 43, 0, 52
HSL	221.3°, 46.1, 32.7	`hsl(221.3,46.1%,32.7%)`
HSV (or HSB)	221.3°, 63.1, 47.8
Web Safe	333366	`#333366`

CIE-LAB	29.958, 8.68, -33.026
XYZ	6.722, 6.219, 19.257
xyY	0.209, 0.193, 6.219
CIE-LCH	29.958, 34.148, 284.725
CIE-LUV	29.958, -10.676, -44.241
Hunter-Lab	24.938, 4.477, -28.329
Binary	00101101, 01000101, 01111010

#2d457a
```
#2d457a rgb(45,69,122)
```
#7a622d
```
#7a622d rgb(122,98,45)
```

Complementary Color

#2d6c7a
```
#2d6c7a rgb(45,108,122)
```
#2d457a
```
#2d457a rgb(45,69,122)
```
#3c2d7a
```
#3c2d7a rgb(60,45,122)
```

Analogous Color

#6c7a2d
```
#6c7a2d rgb(108,122,45)
```
#2d457a
```
#2d457a rgb(45,69,122)
```
#7a3c2d
```
#7a3c2d rgb(122,60,45)
```

Split Complementary Color

#457a2d
```
#457a2d rgb(69,122,45)
```
#2d457a
```
#2d457a rgb(45,69,122)
```
#7a2d45
```
#7a2d45 rgb(122,45,69)
```

Triadic Color

#2d7a62
```
#2d7a62 rgb(45,122,98)
```
#2d457a
```
#2d457a rgb(45,69,122)
```
#7a2d45
```
#7a2d45 rgb(122,45,69)
```
#7a622d
```
#7a622d rgb(122,98,45)
```

Tetradic Color

#182542
```
#182542 rgb(24,37,66)
```
#1f3055
```
#1f3055 rgb(31,48,85)
```
#263a67
```
#263a67 rgb(38,58,103)
```
#2d457a
```
#2d457a rgb(45,69,122)
```
#34508d
```
#34508d rgb(52,80,141)
```
#3b5a9f
```
#3b5a9f rgb(59,90,159)
```
#4265b2
```
#4265b2 rgb(66,101,178)
```

Monochromatic Color

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

#2d587a
```
#2d587a rgb(45,88,122)
```
#2d527a
```
#2d527a rgb(45,82,122)
```
#2d4b7a
```
#2d4b7a rgb(45,75,122)
```
#2d457a
```
#2d457a rgb(45,69,122)
```
#2d3f7a
```
#2d3f7a rgb(45,63,122)
```
#2d387a
```
#2d387a rgb(45,56,122)
```
#2d327a
```
#2d327a rgb(45,50,122)
```

Similar Colors

Text with hexadecimal color #2d457a

This text has a font color of #2d457a.

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

#2d457a background color

This paragraph has a background color of #2d457a.

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

#2d457a border color

This element has a border color of #2d457a.

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

CSS codes

.text {color:#2d457a;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#080c16
```
#080c16 rgb(8,12,22)
```
#0d1424
```
#0d1424 rgb(13,20,36)
```
#131c32
```
#131c32 rgb(19,28,50)
```
#182541
```
#182541 rgb(24,37,65)
```
#1d2d4f
```
#1d2d4f rgb(29,45,79)
```
#22355d
```
#22355d rgb(34,53,93)
```
#283d6c
```
#283d6c rgb(40,61,108)
```
#2d457a
```
#2d457a rgb(45,69,122)
```
#324d88
```
#324d88 rgb(50,77,136)
```
#385597
```
#385597 rgb(56,85,151)
```
#3d5da5
```
#3d5da5 rgb(61,93,165)
```
#4265b3
```
#4265b3 rgb(66,101,179)
```

Shade Color Variation

#4c6fbd
```
#4c6fbd rgb(76,111,189)
```
#5a7bc2
```
#5a7bc2 rgb(90,123,194)
```
#6986c8
```
#6986c8 rgb(105,134,200)
```
#7792cd
```
#7792cd rgb(119,146,205)
```
#859dd2
```
#859dd2 rgb(133,157,210)
```
#94a9d7
```
#94a9d7 rgb(148,169,215)
```
#a2b4dd
```
#a2b4dd rgb(162,180,221)
```
#b0c0e2
```
#b0c0e2 rgb(176,192,226)
```
#bfcbe7
```
#bfcbe7 rgb(191,203,231)
```
#cdd7ed
```
#cdd7ed rgb(205,215,237)
```
#dbe2f2
```
#dbe2f2 rgb(219,226,242)
```
#eaeef7
```
#eaeef7 rgb(234,238,247)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d515a is the less saturated color, while #0034a7 is the most saturated one.

#4d515a
```
#4d515a rgb(77,81,90)
```
#474f60
```
#474f60 rgb(71,79,96)
```
#404c67
```
#404c67 rgb(64,76,103)
```
#3a4a6d
```
#3a4a6d rgb(58,74,109)
```
#334774
```
#334774 rgb(51,71,116)
```
#2d457a
```
#2d457a rgb(45,69,122)
```
#274380
```
#274380 rgb(39,67,128)
```
#204087
```
#204087 rgb(32,64,135)
```
#1a3e8d
```
#1a3e8d rgb(26,62,141)
```
#133b94
```
#133b94 rgb(19,59,148)
```
#0d399a
```
#0d399a rgb(13,57,154)
```
#0636a1
```
#0636a1 rgb(6,54,161)
```
#0034a7
```
#0034a7 rgb(0,52,167)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f444f Atypical Achromatopsia 0.001% of the population

Dichromacy

#384e80 Protanopia 1% of men
#2b5080 Deuteranopia 1% of men
#21565d Tritanopia 0.001% of the population

Trichromacy

#344b7e Protanomaly 1% of men, 0.01% of women
#2c4c7d Deuteranomaly 6% of men, 0.4% of women
#255067 Tritanomaly 0.01% of the population

#2d457a hex color

#2d457a Color Information

#2d457a Color Conversion

Color Schemes with #2d457a

Alternatives to #2d457a

#2d457a Preview

Shades and Tints of #2d457a

Tones of #2d457a

Color Blindness Simulator