#2d3f68 hex color

In a RGB color space, hex #2d3f68 is composed of 17.6% red, 24.7% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 39.4% magenta, 0% yellow and 59.2% black. It has a hue angle of 221.7 degrees, a saturation of 39.6% and a lightness of 29.2%. #2d3f68 color hex could be obtained by blending #5a7ed0 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #2d3f68 has RGB values of R:45, G:63, B:104 and CMYK values of C:0.57, M:0.39, Y:0, K:0.59. Its decimal value is 2965352.

Hex triplet	2d3f68	`#2d3f68`
RGB Decimal	45, 63, 104	`rgb(45,63,104)`
RGB Percent	17.6, 24.7, 40.8	`rgb(17.6%,24.7%,40.8%)`
CMYK	57, 39, 0, 59
HSL	221.7°, 39.6, 29.2	`hsl(221.7,39.6%,29.2%)`
HSV (or HSB)	221.7°, 56.7, 40.8
Web Safe	333366	`#333366`

CIE-LAB	27.052, 6.146, -26.236
XYZ	5.358, 5.112, 13.8
xyY	0.221, 0.211, 5.112
CIE-LCH	27.052, 26.946, 283.184
CIE-LUV	27.052, -8.519, -33.625
Hunter-Lab	22.61, 2.731, -20.362
Binary	00101101, 00111111, 01101000

#2d3f68
```
#2d3f68 rgb(45,63,104)
```
#68562d
```
#68562d rgb(104,86,45)
```

Complementary Color

#2d5d68
```
#2d5d68 rgb(45,93,104)
```
#2d3f68
```
#2d3f68 rgb(45,63,104)
```
#392d68
```
#392d68 rgb(57,45,104)
```

Analogous Color

#5d682d
```
#5d682d rgb(93,104,45)
```
#2d3f68
```
#2d3f68 rgb(45,63,104)
```
#68392d
```
#68392d rgb(104,57,45)
```

Split Complementary Color

#3f682d
```
#3f682d rgb(63,104,45)
```
#2d3f68
```
#2d3f68 rgb(45,63,104)
```
#682d3f
```
#682d3f rgb(104,45,63)
```

Triadic Color

#2d6856
```
#2d6856 rgb(45,104,86)
```
#2d3f68
```
#2d3f68 rgb(45,63,104)
```
#682d3f
```
#682d3f rgb(104,45,63)
```
#68562d
```
#68562d rgb(104,86,45)
```

Tetradic Color

#161f33
```
#161f33 rgb(22,31,51)
```
#1e2944
```
#1e2944 rgb(30,41,68)
```
#253456
```
#253456 rgb(37,52,86)
```
#2d3f68
```
#2d3f68 rgb(45,63,104)
```
#354a7a
```
#354a7a rgb(53,74,122)
```
#3c558c
```
#3c558c rgb(60,85,140)
```
#445f9d
```
#445f9d rgb(68,95,157)
```

Monochromatic Color

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

#2d4e68
```
#2d4e68 rgb(45,78,104)
```
#2d4968
```
#2d4968 rgb(45,73,104)
```
#2d4468
```
#2d4468 rgb(45,68,104)
```
#2d3f68
```
#2d3f68 rgb(45,63,104)
```
#2d3a68
```
#2d3a68 rgb(45,58,104)
```
#2d3568
```
#2d3568 rgb(45,53,104)
```
#2d3068
```
#2d3068 rgb(45,48,104)
```

Similar Colors

Text with hexadecimal color #2d3f68

This text has a font color of #2d3f68.

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

#2d3f68 background color

This paragraph has a background color of #2d3f68.

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

#2d3f68 border color

This element has a border color of #2d3f68.

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

CSS codes

.text {color:#2d3f68;}

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

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

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

#040508
```
#040508 rgb(4,5,8)
```
#090d16
```
#090d16 rgb(9,13,22)
```
#0f1624
```
#0f1624 rgb(15,22,36)
```
#151e31
```
#151e31 rgb(21,30,49)
```
#1b263f
```
#1b263f rgb(27,38,63)
```
#212e4d
```
#212e4d rgb(33,46,77)
```
#27375a
```
#27375a rgb(39,55,90)
```
#2d3f68
```
#2d3f68 rgb(45,63,104)
```
#334776
```
#334776 rgb(51,71,118)
```
#395083
```
#395083 rgb(57,80,131)
```
#3f5891
```
#3f5891 rgb(63,88,145)
```
#45609f
```
#45609f rgb(69,96,159)
```
#4b68ac
```
#4b68ac rgb(75,104,172)
```

Shade Color Variation

#5573b6
```
#5573b6 rgb(85,115,182)
```
#637ebb
```
#637ebb rgb(99,126,187)
```
#7189c1
```
#7189c1 rgb(113,137,193)
```
#7e95c7
```
#7e95c7 rgb(126,149,199)
```
#8ca0cd
```
#8ca0cd rgb(140,160,205)
```
#9aabd3
```
#9aabd3 rgb(154,171,211)
```
#a7b6d9
```
#a7b6d9 rgb(167,182,217)
```
#b5c2df
```
#b5c2df rgb(181,194,223)
```
#c3cde5
```
#c3cde5 rgb(195,205,229)
```
#d0d8eb
```
#d0d8eb rgb(208,216,235)
```
#dee4f1
```
#dee4f1 rgb(222,228,241)
```
#eceff7
```
#eceff7 rgb(236,239,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#4a4a4b
```
#4a4a4b rgb(74,74,75)
```
#444851
```
#444851 rgb(68,72,81)
```
#3e4657
```
#3e4657 rgb(62,70,87)
```
#38435d
```
#38435d rgb(56,67,93)
```
#334162
```
#334162 rgb(51,65,98)
```
#2d3f68
```
#2d3f68 rgb(45,63,104)
```
#273d6e
```
#273d6e rgb(39,61,110)
```
#223b73
```
#223b73 rgb(34,59,115)
```
#1c3879
```
#1c3879 rgb(28,56,121)
```
#16367f
```
#16367f rgb(22,54,127)
```
#103485
```
#103485 rgb(16,52,133)
```
#0b328a
```
#0b328a rgb(11,50,138)
```
#052f90
```
#052f90 rgb(5,47,144)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3e46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a486f Protanopia 1% of men
#33496f Deuteranopia 1% of men
#2b4e54 Tritanopia 0.001% of the population

Trichromacy

#35456c Protanomaly 1% of men, 0.01% of women
#31456c Deuteranomaly 6% of men, 0.4% of women
#2c495b Tritanomaly 0.01% of the population

#2d3f68 hex color

#2d3f68 Color Information

#2d3f68 Color Conversion

Color Schemes with #2d3f68

Alternatives to #2d3f68

#2d3f68 Preview

Shades and Tints of #2d3f68

Tones of #2d3f68

Color Blindness Simulator