#2d3f60 hex color

In a RGB color space, hex #2d3f60 is composed of 17.6% red, 24.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 34.4% magenta, 0% yellow and 62.4% black. It has a hue angle of 218.8 degrees, a saturation of 36.2% and a lightness of 27.6%. #2d3f60 color hex could be obtained by blending #5a7ec0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 25
- B 38
RGB color chart
- C 53
- M 34
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #2d3f60 has RGB values of R:45, G:63, B:96 and CMYK values of C:0.53, M:0.34, Y:0, K:0.62. Its decimal value is 2965344.

Hex triplet	2d3f60	`#2d3f60`
RGB Decimal	45, 63, 96	`rgb(45,63,96)`
RGB Percent	17.6, 24.7, 37.6	`rgb(17.6%,24.7%,37.6%)`
CMYK	53, 34, 0, 62
HSL	218.8°, 36.2, 27.6	`hsl(218.8,36.2%,27.6%)`
HSV (or HSB)	218.8°, 53.1, 37.6
Web Safe	333366	`#333366`

CIE-LAB	26.612, 3.304, -21.778
XYZ	4.971, 4.957, 11.761
xyY	0.229, 0.229, 4.957
CIE-LCH	26.612, 22.027, 278.627
CIE-LUV	26.612, -8.429, -27.353
Hunter-Lab	22.265, 0.886, -15.733
Binary	00101101, 00111111, 01100000

#2d3f60
```
#2d3f60 rgb(45,63,96)
```
#604e2d
```
#604e2d rgb(96,78,45)
```

Complementary Color

#2d5960
```
#2d5960 rgb(45,89,96)
```
#2d3f60
```
#2d3f60 rgb(45,63,96)
```
#342d60
```
#342d60 rgb(52,45,96)
```

Analogous Color

#59602d
```
#59602d rgb(89,96,45)
```
#2d3f60
```
#2d3f60 rgb(45,63,96)
```
#60352d
```
#60352d rgb(96,53,45)
```

Split Complementary Color

#3f602d
```
#3f602d rgb(63,96,45)
```
#2d3f60
```
#2d3f60 rgb(45,63,96)
```
#602d3f
```
#602d3f rgb(96,45,63)
```

Triadic Color

#2d604e
```
#2d604e rgb(45,96,78)
```
#2d3f60
```
#2d3f60 rgb(45,63,96)
```
#602d3f
```
#602d3f rgb(96,45,63)
```
#604e2d
```
#604e2d rgb(96,78,45)
```

Tetradic Color

#151d2c
```
#151d2c rgb(21,29,44)
```
#1d283d
```
#1d283d rgb(29,40,61)
```
#25344f
```
#25344f rgb(37,52,79)
```
#2d3f60
```
#2d3f60 rgb(45,63,96)
```
#354a71
```
#354a71 rgb(53,74,113)
```
#3d5683
```
#3d5683 rgb(61,86,131)
```
#456194
```
#456194 rgb(69,97,148)
```

Monochromatic Color

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

#2d4c60
```
#2d4c60 rgb(45,76,96)
```
#2d4860
```
#2d4860 rgb(45,72,96)
```
#2d4360
```
#2d4360 rgb(45,67,96)
```
#2d3f60
```
#2d3f60 rgb(45,63,96)
```
#2d3b60
```
#2d3b60 rgb(45,59,96)
```
#2d3760
```
#2d3760 rgb(45,55,96)
```
#2d3260
```
#2d3260 rgb(45,50,96)
```

Similar Colors

Text with hexadecimal color #2d3f60

This text has a font color of #2d3f60.

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

#2d3f60 background color

This paragraph has a background color of #2d3f60.

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

#2d3f60 border color

This element has a border color of #2d3f60.

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

CSS codes

.text {color:#2d3f60;}

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

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

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 #f4f6fa is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#070a10
```
#070a10 rgb(7,10,16)
```
#0e131d
```
#0e131d rgb(14,19,29)
```
#141c2b
```
#141c2b rgb(20,28,43)
```
#1a2538
```
#1a2538 rgb(26,37,56)
```
#202d45
```
#202d45 rgb(32,45,69)
```
#273653
```
#273653 rgb(39,54,83)
```
#2d3f60
```
#2d3f60 rgb(45,63,96)
```
#33486d
```
#33486d rgb(51,72,109)
```
#3a517b
```
#3a517b rgb(58,81,123)
```
#405988
```
#405988 rgb(64,89,136)
```
#466295
```
#466295 rgb(70,98,149)
```
#4c6ba3
```
#4c6ba3 rgb(76,107,163)
```

Shade Color Variation

#5474af
```
#5474af rgb(84,116,175)
```
#617fb5
```
#617fb5 rgb(97,127,181)
```
#6f8abb
```
#6f8abb rgb(111,138,187)
```
#7c95c2
```
#7c95c2 rgb(124,149,194)
```
#899fc8
```
#899fc8 rgb(137,159,200)
```
#97aace
```
#97aace rgb(151,170,206)
```
#a4b5d4
```
#a4b5d4 rgb(164,181,212)
```
#b1c0db
```
#b1c0db rgb(177,192,219)
```
#bfcbe1
```
#bfcbe1 rgb(191,203,225)
```
#ccd6e7
```
#ccd6e7 rgb(204,214,231)
```
#d9e0ed
```
#d9e0ed rgb(217,224,237)
```
#e7ebf4
```
#e7ebf4 rgb(231,235,244)
```
#f4f6fa
```
#f4f6fa rgb(244,246,250)
```

Tint Color Variation

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

#43454a
```
#43454a rgb(67,69,74)
```
#3d4450
```
#3d4450 rgb(61,68,80)
```
#384255
```
#384255 rgb(56,66,85)
```
#32415b
```
#32415b rgb(50,65,91)
```
#2d3f60
```
#2d3f60 rgb(45,63,96)
```
#283d65
```
#283d65 rgb(40,61,101)
```
#223c6b
```
#223c6b rgb(34,60,107)
```
#1d3a70
```
#1d3a70 rgb(29,58,112)
```
#173976
```
#173976 rgb(23,57,118)
```
#12377b
```
#12377b rgb(18,55,123)
```
#0c3581
```
#0c3581 rgb(12,53,129)
```
#073486
```
#073486 rgb(7,52,134)
```
#02328b
```
#02328b rgb(2,50,139)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3d44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d4767 Protanopia 1% of men
#394868 Deuteranopia 1% of men
#2f4d53 Tritanopia 0.001% of the population

Trichromacy

#374464 Protanomaly 1% of men, 0.01% of women
#354565 Deuteranomaly 6% of men, 0.4% of women
#2e4857 Tritanomaly 0.01% of the population

#2d3f60 hex color

#2d3f60 Color Information

#2d3f60 Color Conversion

Color Schemes with #2d3f60

Alternatives to #2d3f60

#2d3f60 Preview

Shades and Tints of #2d3f60

Tones of #2d3f60

Color Blindness Simulator