#312f53 hex color

In a RGB color space, hex #312f53 is composed of 19.2% red, 18.4% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 41% cyan, 43.4% magenta, 0% yellow and 67.5% black. It has a hue angle of 243.3 degrees, a saturation of 27.7% and a lightness of 25.5%. #312f53 color hex could be obtained by blending #625ea6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 18
- B 33
RGB color chart
- C 41
- M 43
- Y 0
- K 67
CMYK color chart

● #312f53 color description : Very dark desaturated blue.

The hexadecimal color #312f53 has RGB values of R:49, G:47, B:83 and CMYK values of C:0.41, M:0.43, Y:0, K:0.67. Its decimal value is 3223379.

Hex triplet	312f53	`#312f53`
RGB Decimal	49, 47, 83	`rgb(49,47,83)`
RGB Percent	19.2, 18.4, 32.5	`rgb(19.2%,18.4%,32.5%)`
CMYK	41, 43, 0, 67
HSL	243.3°, 27.7, 25.5	`hsl(243.3,27.7%,25.5%)`
HSV (or HSB)	243.3°, 43.4, 32.5
Web Safe	333366	`#333366`

CIE-LAB	21.247, 11.083, -21.658
XYZ	3.844, 3.31, 8.62
xyY	0.244, 0.21, 3.31
CIE-LCH	21.247, 24.329, 297.101
CIE-LUV	21.247, -1.127, -25.661
Hunter-Lab	18.195, 5.873, -15.352
Binary	00110001, 00101111, 01010011

#312f53
```
#312f53 rgb(49,47,83)
```
#51532f
```
#51532f rgb(81,83,47)
```

Complementary Color

#2f3f53
```
#2f3f53 rgb(47,63,83)
```
#312f53
```
#312f53 rgb(49,47,83)
```
#432f53
```
#432f53 rgb(67,47,83)
```

Analogous Color

#3f532f
```
#3f532f rgb(63,83,47)
```
#312f53
```
#312f53 rgb(49,47,83)
```
#53432f
```
#53432f rgb(83,67,47)
```

Split Complementary Color

#2f5331
```
#2f5331 rgb(47,83,49)
```
#312f53
```
#312f53 rgb(49,47,83)
```
#53312f
```
#53312f rgb(83,49,47)
```

Triadic Color

#2f5153
```
#2f5153 rgb(47,81,83)
```
#312f53
```
#312f53 rgb(49,47,83)
```
#53312f
```
#53312f rgb(83,49,47)
```
#51532f
```
#51532f rgb(81,83,47)
```

Tetradic Color

#141322
```
#141322 rgb(20,19,34)
```
#1e1d32
```
#1e1d32 rgb(30,29,50)
```
#272643
```
#272643 rgb(39,38,67)
```
#312f53
```
#312f53 rgb(49,47,83)
```
#3b3863
```
#3b3863 rgb(59,56,99)
```
#444174
```
#444174 rgb(68,65,116)
```
#4e4b84
```
#4e4b84 rgb(78,75,132)
```

Monochromatic Color

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

#2f3653
```
#2f3653 rgb(47,54,83)
```
#2f3353
```
#2f3353 rgb(47,51,83)
```
#2f3053
```
#2f3053 rgb(47,48,83)
```
#312f53
```
#312f53 rgb(49,47,83)
```
#342f53
```
#342f53 rgb(52,47,83)
```
#372f53
```
#372f53 rgb(55,47,83)
```
#3a2f53
```
#3a2f53 rgb(58,47,83)
```

Similar Colors

Text with hexadecimal color #312f53

This text has a font color of #312f53.

<span style="color:#312f53;">Text here</span>

#312f53 background color

This paragraph has a background color of #312f53.

<p style="background-color:#312f53;">Content here</p>

#312f53 border color

This element has a border color of #312f53.

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

CSS codes

.text {color:#312f53;}

.background {background-color:#312f53;}

.border {border:1px solid #312f53;}

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

#050408
```
#050408 rgb(5,4,8)
```
#0c0c14
```
#0c0c14 rgb(12,12,20)
```
#131321
```
#131321 rgb(19,19,33)
```
#1b1a2d
```
#1b1a2d rgb(27,26,45)
```
#22213a
```
#22213a rgb(34,33,58)
```
#2a2846
```
#2a2846 rgb(42,40,70)
```
#312f53
```
#312f53 rgb(49,47,83)
```
#383660
```
#383660 rgb(56,54,96)
```
#403d6c
```
#403d6c rgb(64,61,108)
```
#474479
```
#474479 rgb(71,68,121)
```
#4f4b85
```
#4f4b85 rgb(79,75,133)
```
#565292
```
#565292 rgb(86,82,146)
```
#5d5a9e
```
#5d5a9e rgb(93,90,158)
```

Shade Color Variation

#6864a7
```
#6864a7 rgb(104,100,167)
```
#7471ae
```
#7471ae rgb(116,113,174)
```
#807db5
```
#807db5 rgb(128,125,181)
```
#8c8abd
```
#8c8abd rgb(140,138,189)
```
#9996c4
```
#9996c4 rgb(153,150,196)
```
#a5a3cb
```
#a5a3cb rgb(165,163,203)
```
#b1afd2
```
#b1afd2 rgb(177,175,210)
```
#bdbcd9
```
#bdbcd9 rgb(189,188,217)
```
#cac8e0
```
#cac8e0 rgb(202,200,224)
```
#d6d5e7
```
#d6d5e7 rgb(214,213,231)
```
#e2e1ee
```
#e2e1ee rgb(226,225,238)
```
#eeeef5
```
#eeeef5 rgb(238,238,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#3e3e44
```
#3e3e44 rgb(62,62,68)
```
#3a3949
```
#3a3949 rgb(58,57,73)
```
#35344e
```
#35344e rgb(53,52,78)
```
#312f53
```
#312f53 rgb(49,47,83)
```
#2d2a58
```
#2d2a58 rgb(45,42,88)
```
#28255d
```
#28255d rgb(40,37,93)
```
#242062
```
#242062 rgb(36,32,98)
```
#1f1b67
```
#1f1b67 rgb(31,27,103)
```
#1b166c
```
#1b166c rgb(27,22,108)
```
#161171
```
#161171 rgb(22,17,113)
```
#120c76
```
#120c76 rgb(18,12,118)
```
#0d077b
```
#0d077b rgb(13,7,123)
```
#090280
```
#090280 rgb(9,2,128)
```

Tone Color Variation

Below, you can see how #312f53 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

#343434 Achromatopsia 0.005% of the population
#33333a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f3c5e Protanopia 1% of men
#2e3d5a Deuteranopia 1% of men
#343f43 Tritanopia 0.001% of the population

Trichromacy

#30375a Protanomaly 1% of men, 0.01% of women
#2f3857 Deuteranomaly 6% of men, 0.4% of women
#333949 Tritanomaly 0.01% of the population

#312f53 hex color

#312f53 Color Information

#312f53 Color Conversion

Color Schemes with #312f53

Alternatives to #312f53

#312f53 Preview

Shades and Tints of #312f53

Tones of #312f53

Color Blindness Simulator