colorhexa.com

#2d3246 hex color

In a RGB color space, hex #2d3246 is composed of 17.6% red, 19.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 35.7% cyan, 28.6% magenta, 0% yellow and 72.5% black. It has a hue angle of 228 degrees, a saturation of 21.7% and a lightness of 22.5%. #2d3246 color hex could be obtained by blending #5a648c with #000000. Closest websafe color is: #333333.

- R 18
- G 20
- B 27
RGB color chart
- C 36
- M 29
- Y 0
- K 73
CMYK color chart

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

The hexadecimal color #2d3246 has RGB values of R:45, G:50, B:70 and CMYK values of C:0.36, M:0.29, Y:0, K:0.73. Its decimal value is 2961990.

Hex triplet	2d3246	`#2d3246`
RGB Decimal	45, 50, 70	`rgb(45,50,70)`
RGB Percent	17.6, 19.6, 27.5	`rgb(17.6%,19.6%,27.5%)`
CMYK	36, 29, 0, 73
HSL	228°, 21.7, 22.5	`hsl(228,21.7%,22.5%)`
HSV (or HSB)	228°, 35.7, 27.5
Web Safe	333333	`#333333`

CIE-LAB	21.137, 3.505, -13.13
XYZ	3.328, 3.281, 6.252
xyY	0.259, 0.255, 3.281
CIE-LCH	21.137, 13.589, 284.945
CIE-LUV	21.137, -3.061, -14.885
Hunter-Lab	18.114, 1.096, -7.784
Binary	00101101, 00110010, 01000110

#2d3246
```
#2d3246 rgb(45,50,70)
```
#46412d
```
#46412d rgb(70,65,45)
```

Complementary Color

#2d3f46
```
#2d3f46 rgb(45,63,70)
```
#2d3246
```
#2d3246 rgb(45,50,70)
```
#352d46
```
#352d46 rgb(53,45,70)
```

Analogous Color

#3f462d
```
#3f462d rgb(63,70,45)
```
#2d3246
```
#2d3246 rgb(45,50,70)
```
#46352d
```
#46352d rgb(70,53,45)
```

Split Complementary Color

#0f1117
```
#0f1117 rgb(15,17,23)
```
#191c27
```
#191c27 rgb(25,28,39)
```
#232736
```
#232736 rgb(35,39,54)
```
#2d3246
```
#2d3246 rgb(45,50,70)
```
#373d56
```
#373d56 rgb(55,61,86)
```
#414865
```
#414865 rgb(65,72,101)
```
#4b5375
```
#4b5375 rgb(75,83,117)
```

Monochromatic Color

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

#2d3846
```
#2d3846 rgb(45,56,70)
```
#2d3646
```
#2d3646 rgb(45,54,70)
```
#2d3446
```
#2d3446 rgb(45,52,70)
```
#2d3246
```
#2d3246 rgb(45,50,70)
```
#2d3046
```
#2d3046 rgb(45,48,70)
```
#2d2e46
```
#2d2e46 rgb(45,46,70)
```
#2e2d46
```
#2e2d46 rgb(46,45,70)
```

Similar Colors

Text with hexadecimal color #2d3246

This text has a font color of #2d3246.

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

#2d3246 background color

This paragraph has a background color of #2d3246.

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

#2d3246 border color

This element has a border color of #2d3246.

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

CSS codes

.text {color:#2d3246;}

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

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

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, #07070a is the darkest color, while #fdfdfe is the lightest one.

#07070a
```
#07070a rgb(7,7,10)
```
#0e1016
```
#0e1016 rgb(14,16,22)
```
#161822
```
#161822 rgb(22,24,34)
```
#1e212e
```
#1e212e rgb(30,33,46)
```
#25293a
```
#25293a rgb(37,41,58)
```
#2d3246
```
#2d3246 rgb(45,50,70)
```
#353b52
```
#353b52 rgb(53,59,82)
```
#3c435e
```
#3c435e rgb(60,67,94)
```
#444c6a
```
#444c6a rgb(68,76,106)
```
#4c5476
```
#4c5476 rgb(76,84,118)
```
#535d82
```
#535d82 rgb(83,93,130)
```
#5b658e
```
#5b658e rgb(91,101,142)
```
#636e9a
```
#636e9a rgb(99,110,154)
```

Shade Color Variation

#6e78a2
```
#6e78a2 rgb(110,120,162)
```
#7a84aa
```
#7a84aa rgb(122,132,170)
```
#868fb1
```
#868fb1 rgb(134,143,177)
```
#929ab9
```
#929ab9 rgb(146,154,185)
```
#9ea5c1
```
#9ea5c1 rgb(158,165,193)
```
#aab0c8
```
#aab0c8 rgb(170,176,200)
```
#b6bbd0
```
#b6bbd0 rgb(182,187,208)
```
#c2c6d8
```
#c2c6d8 rgb(194,198,216)
```
#ced1df
```
#ced1df rgb(206,209,223)
```
#dadce7
```
#dadce7 rgb(218,220,231)
```
#e5e7ef
```
#e5e7ef rgb(229,231,239)
```
#f1f2f6
```
#f1f2f6 rgb(241,242,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#36373d
```
#36373d rgb(54,55,61)
```
#313542
```
#313542 rgb(49,53,66)
```
#2d3246
```
#2d3246 rgb(45,50,70)
```
#292f4a
```
#292f4a rgb(41,47,74)
```
#242d4f
```
#242d4f rgb(36,45,79)
```
#202a53
```
#202a53 rgb(32,42,83)
```
#1b2758
```
#1b2758 rgb(27,39,88)
```
#17255c
```
#17255c rgb(23,37,92)
```
#122261
```
#122261 rgb(18,34,97)
```
#0e1f65
```
#0e1f65 rgb(14,31,101)
```
#0a1d69
```
#0a1d69 rgb(10,29,105)
```
#051a6e
```
#051a6e rgb(5,26,110)
```
#011772
```
#011772 rgb(1,23,114)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#323337 Atypical Achromatopsia 0.001% of the population

Dichromacy

#373c4f Protanopia 1% of men
#383c4f Deuteranopia 1% of men
#343f43 Tritanopia 0.001% of the population

Trichromacy

#33384c Protanomaly 1% of men, 0.01% of women
#34384c Deuteranomaly 6% of men, 0.4% of women
#313a44 Tritanomaly 0.01% of the population