colorhexa.com

#312b75 hex color

In a RGB color space, hex #312b75 is composed of 19.2% red, 16.9% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 63.2% magenta, 0% yellow and 54.1% black. It has a hue angle of 244.9 degrees, a saturation of 46.3% and a lightness of 31.4%. #312b75 color hex could be obtained by blending #6256ea with #000000. Closest websafe color is: #333366.

- R 19
- G 17
- B 46
RGB color chart
- C 58
- M 63
- Y 0
- K 54
CMYK color chart

● #312b75 color description : Dark moderate blue.

The hexadecimal color #312b75 has RGB values of R:49, G:43, B:117 and CMYK values of C:0.58, M:0.63, Y:0, K:0.54. Its decimal value is 3222389.

Hex triplet	312b75	`#312b75`
RGB Decimal	49, 43, 117	`rgb(49,43,117)`
RGB Percent	19.2, 16.9, 45.9	`rgb(19.2%,16.9%,45.9%)`
CMYK	58, 63, 0, 54
HSL	244.9°, 46.3, 31.4	`hsl(244.9,46.3%,31.4%)`
HSV (or HSB)	244.9°, 63.2, 45.9
Web Safe	333366	`#333366`

CIE-LAB	22.531, 25.428, -41.796
XYZ	5.341, 3.665, 17.255
xyY	0.203, 0.14, 3.665
CIE-LCH	22.531, 48.923, 301.315
CIE-LUV	22.531, -2.118, -50.977
Hunter-Lab	19.144, 16.296, -40.038
Binary	00110001, 00101011, 01110101

#312b75
```
#312b75 rgb(49,43,117)
```
#6f752b
```
#6f752b rgb(111,117,43)
```

Complementary Color

#2b4a75
```
#2b4a75 rgb(43,74,117)
```
#312b75
```
#312b75 rgb(49,43,117)
```
#562b75
```
#562b75 rgb(86,43,117)
```

Analogous Color

#4a752b
```
#4a752b rgb(74,117,43)
```
#312b75
```
#312b75 rgb(49,43,117)
```
#75562b
```
#75562b rgb(117,86,43)
```

Split Complementary Color

#2b7531
```
#2b7531 rgb(43,117,49)
```
#312b75
```
#312b75 rgb(49,43,117)
```
#75312b
```
#75312b rgb(117,49,43)
```

Triadic Color

#2b6f75
```
#2b6f75 rgb(43,111,117)
```
#312b75
```
#312b75 rgb(49,43,117)
```
#75312b
```
#75312b rgb(117,49,43)
```
#6f752b
```
#6f752b rgb(111,117,43)
```

Tetradic Color

#1a163d
```
#1a163d rgb(26,22,61)
```
#211d50
```
#211d50 rgb(33,29,80)
```
#292462
```
#292462 rgb(41,36,98)
```
#312b75
```
#312b75 rgb(49,43,117)
```
#393288
```
#393288 rgb(57,50,136)
```
#41399a
```
#41399a rgb(65,57,154)
```
#4840ad
```
#4840ad rgb(72,64,173)
```

Monochromatic Color

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

#2b3875
```
#2b3875 rgb(43,56,117)
```
#2b3175
```
#2b3175 rgb(43,49,117)
```
#2b2b75
```
#2b2b75 rgb(43,43,117)
```
#312b75
```
#312b75 rgb(49,43,117)
```
#372b75
```
#372b75 rgb(55,43,117)
```
#3d2b75
```
#3d2b75 rgb(61,43,117)
```
#442b75
```
#442b75 rgb(68,43,117)
```

Similar Colors

Text with hexadecimal color #312b75

This text has a font color of #312b75.

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

#312b75 background color

This paragraph has a background color of #312b75.

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

#312b75 border color

This element has a border color of #312b75.

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

CSS codes

.text {color:#312b75;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070611
```
#070611 rgb(7,6,17)
```
#0d0b1f
```
#0d0b1f rgb(13,11,31)
```
#13112d
```
#13112d rgb(19,17,45)
```
#19163c
```
#19163c rgb(25,22,60)
```
#1f1b4a
```
#1f1b4a rgb(31,27,74)
```
#252058
```
#252058 rgb(37,32,88)
```
#2b2667
```
#2b2667 rgb(43,38,103)
```
#312b75
```
#312b75 rgb(49,43,117)
```
#373083
```
#373083 rgb(55,48,131)
```
#3d3692
```
#3d3692 rgb(61,54,146)
```
#433ba0
```
#433ba0 rgb(67,59,160)
```
#4940ae
```
#4940ae rgb(73,64,174)
```

Shade Color Variation

#5047bb
```
#5047bb rgb(80,71,187)
```
#5e55c1
```
#5e55c1 rgb(94,85,193)
```
#6b63c6
```
#6b63c6 rgb(107,99,198)
```
#7972cb
```
#7972cb rgb(121,114,203)
```
#8780d0
```
#8780d0 rgb(135,128,208)
```
#948fd6
```
#948fd6 rgb(148,143,214)
```
#a29ddb
```
#a29ddb rgb(162,157,219)
```
#afabe0
```
#afabe0 rgb(175,171,224)
```
#bdbae5
```
#bdbae5 rgb(189,186,229)
```
#cbc8eb
```
#cbc8eb rgb(203,200,235)
```
#d8d6f0
```
#d8d6f0 rgb(216,214,240)
```
#e6e5f5
```
#e6e5f5 rgb(230,229,245)
```
#f4f3fb
```
#f4f3fb rgb(244,243,251)
```

Tint Color Variation

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

#505050
```
#505050 rgb(80,80,80)
```
#4b4a56
```
#4b4a56 rgb(75,74,86)
```
#46445c
```
#46445c rgb(70,68,92)
```
#403d63
```
#403d63 rgb(64,61,99)
```
#3b3769
```
#3b3769 rgb(59,55,105)
```
#36316f
```
#36316f rgb(54,49,111)
```
#312b75
```
#312b75 rgb(49,43,117)
```
#2c257b
```
#2c257b rgb(44,37,123)
```
#271f81
```
#271f81 rgb(39,31,129)
```
#221987
```
#221987 rgb(34,25,135)
```
#1c128e
```
#1c128e rgb(28,18,142)
```
#170c94
```
#170c94 rgb(23,12,148)
```
#12069a
```
#12069a rgb(18,6,154)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#343342 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e7a Protanopia 1% of men
#00416b Deuteranopia 1% of men
#22454a Tritanopia 0.001% of the population

Trichromacy

#113778 Protanomaly 1% of men, 0.01% of women
#11396e Deuteranomaly 6% of men, 0.4% of women
#283b59 Tritanomaly 0.01% of the population