#2d3f97 hex color

In a RGB color space, hex #2d3f97 is composed of 17.6% red, 24.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 58.3% magenta, 0% yellow and 40.8% black. It has a hue angle of 229.8 degrees, a saturation of 54.1% and a lightness of 38.4%. #2d3f97 color hex could be obtained by blending #5a7eff with #00002f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 25
- B 59
RGB color chart
- C 70
- M 58
- Y 0
- K 41
CMYK color chart

● #2d3f97 color description : Dark blue.

The hexadecimal color #2d3f97 has RGB values of R:45, G:63, B:151 and CMYK values of C:0.7, M:0.58, Y:0, K:0.41. Its decimal value is 2965399.

Hex triplet	2d3f97	`#2d3f97`
RGB Decimal	45, 63, 151	`rgb(45,63,151)`
RGB Percent	17.6, 24.7, 59.2	`rgb(17.6%,24.7%,59.2%)`
CMYK	70, 58, 0, 41
HSL	229.8°, 54.1, 38.4	`hsl(229.8,54.1%,38.4%)`
HSV (or HSB)	229.8°, 70.2, 59.2
Web Safe	333399	`#333399`

CIE-LAB	30.271, 23.664, -50.446
XYZ	8.444, 6.347, 30.056
xyY	0.188, 0.142, 6.347
CIE-LCH	30.271, 55.72, 295.131
CIE-LUV	30.271, -9.272, -68.323
Hunter-Lab	25.193, 15.745, -53.102
Binary	00101101, 00111111, 10010111

#2d3f97
```
#2d3f97 rgb(45,63,151)
```
#97852d
```
#97852d rgb(151,133,45)
```

Complementary Color

#2d7497
```
#2d7497 rgb(45,116,151)
```
#2d3f97
```
#2d3f97 rgb(45,63,151)
```
#502d97
```
#502d97 rgb(80,45,151)
```

Analogous Color

#74972d
```
#74972d rgb(116,151,45)
```
#2d3f97
```
#2d3f97 rgb(45,63,151)
```
#97502d
```
#97502d rgb(151,80,45)
```

Split Complementary Color

#3f972d
```
#3f972d rgb(63,151,45)
```
#2d3f97
```
#2d3f97 rgb(45,63,151)
```
#972d3f
```
#972d3f rgb(151,45,63)
```

Triadic Color

#2d9785
```
#2d9785 rgb(45,151,133)
```
#2d3f97
```
#2d3f97 rgb(45,63,151)
```
#972d3f
```
#972d3f rgb(151,45,63)
```
#97852d
```
#97852d rgb(151,133,45)
```

Tetradic Color

#1b265c
```
#1b265c rgb(27,38,92)
```
#212f70
```
#212f70 rgb(33,47,112)
```
#273783
```
#273783 rgb(39,55,131)
```
#2d3f97
```
#2d3f97 rgb(45,63,151)
```
#3347ab
```
#3347ab rgb(51,71,171)
```
#394fbe
```
#394fbe rgb(57,79,190)
```
#485ec8
```
#485ec8 rgb(72,94,200)
```

Monochromatic Color

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

#2d5a97
```
#2d5a97 rgb(45,90,151)
```
#2d5197
```
#2d5197 rgb(45,81,151)
```
#2d4897
```
#2d4897 rgb(45,72,151)
```
#2d3f97
```
#2d3f97 rgb(45,63,151)
```
#2d3697
```
#2d3697 rgb(45,54,151)
```
#2d2d97
```
#2d2d97 rgb(45,45,151)
```
#362d97
```
#362d97 rgb(54,45,151)
```

Similar Colors

Text with hexadecimal color #2d3f97

This text has a font color of #2d3f97.

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

#2d3f97 background color

This paragraph has a background color of #2d3f97.

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

#2d3f97 border color

This element has a border color of #2d3f97.

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

CSS codes

.text {color:#2d3f97;}

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

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

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

#04060f
```
#04060f rgb(4,6,15)
```
#090d1e
```
#090d1e rgb(9,13,30)
```
#0d132d
```
#0d132d rgb(13,19,45)
```
#12193c
```
#12193c rgb(18,25,60)
```
#161f4b
```
#161f4b rgb(22,31,75)
```
#1b265b
```
#1b265b rgb(27,38,91)
```
#1f2c6a
```
#1f2c6a rgb(31,44,106)
```
#243279
```
#243279 rgb(36,50,121)
```
#283988
```
#283988 rgb(40,57,136)
```
#2d3f97
```
#2d3f97 rgb(45,63,151)
```
#3245a6
```
#3245a6 rgb(50,69,166)
```
#364cb5
```
#364cb5 rgb(54,76,181)
```
#3b52c4
```
#3b52c4 rgb(59,82,196)
```

Shade Color Variation

#4a5fc9
```
#4a5fc9 rgb(74,95,201)
```
#596ccd
```
#596ccd rgb(89,108,205)
```
#687ad2
```
#687ad2 rgb(104,122,210)
```
#7787d6
```
#7787d6 rgb(119,135,214)
```
#8694db
```
#8694db rgb(134,148,219)
```
#95a2df
```
#95a2df rgb(149,162,223)
```
#a4afe4
```
#a4afe4 rgb(164,175,228)
```
#b3bce8
```
#b3bce8 rgb(179,188,232)
```
#c2caed
```
#c2caed rgb(194,202,237)
```
#d2d7f1
```
#d2d7f1 rgb(210,215,241)
```
#e1e4f6
```
#e1e4f6 rgb(225,228,246)
```
#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, #626262 is the less saturated color, while #0726bd is the most saturated one.

#626262
```
#626262 rgb(98,98,98)
```
#5a5d6a
```
#5a5d6a rgb(90,93,106)
```
#535871
```
#535871 rgb(83,88,113)
```
#4b5379
```
#4b5379 rgb(75,83,121)
```
#444e80
```
#444e80 rgb(68,78,128)
```
#3c4988
```
#3c4988 rgb(60,73,136)
```
#35448f
```
#35448f rgb(53,68,143)
```
#2d3f97
```
#2d3f97 rgb(45,63,151)
```
#253a9f
```
#253a9f rgb(37,58,159)
```
#1e35a6
```
#1e35a6 rgb(30,53,166)
```
#1630ae
```
#1630ae rgb(22,48,174)
```
#0f2bb5
```
#0f2bb5 rgb(15,43,181)
```
#0726bd
```
#0726bd rgb(7,38,189)
```

Tone Color Variation

Below, you can see how #2d3f97 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
#3f4355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005286 Deuteranopia 1% of men
#00585e Tritanopia 0.001% of the population

Trichromacy

#104898 Protanomaly 1% of men, 0.01% of women
#104b8c Deuteranomaly 6% of men, 0.4% of women
#104f73 Tritanomaly 0.01% of the population

#2d3f97 hex color

#2d3f97 Color Information

#2d3f97 Color Conversion

Color Schemes with #2d3f97

Alternatives to #2d3f97

#2d3f97 Preview

Shades and Tints of #2d3f97

Tones of #2d3f97

Color Blindness Simulator