#312a72 hex color

In a RGB color space, hex #312a72 is composed of 19.2% red, 16.5% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 63.2% magenta, 0% yellow and 55.3% black. It has a hue angle of 245.8 degrees, a saturation of 46.2% and a lightness of 30.6%. #312a72 color hex could be obtained by blending #6254e4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 16
- B 45
RGB color chart
- C 57
- M 63
- Y 0
- K 55
CMYK color chart

● #312a72 color description : Very dark blue.

The hexadecimal color #312a72 has RGB values of R:49, G:42, B:114 and CMYK values of C:0.57, M:0.63, Y:0, K:0.55. Its decimal value is 3222130.

Hex triplet	312a72	`#312a72`
RGB Decimal	49, 42, 114	`rgb(49,42,114)`
RGB Percent	19.2, 16.5, 44.7	`rgb(19.2%,16.5%,44.7%)`
CMYK	57, 63, 0, 55
HSL	245.8°, 46.2, 30.6	`hsl(245.8,46.2%,30.6%)`
HSV (or HSB)	245.8°, 63.2, 44.7
Web Safe	333366	`#333366`

CIE-LAB	22.03, 25.052, -40.689
XYZ	5.131, 3.524, 16.328
xyY	0.205, 0.141, 3.524
CIE-LCH	22.03, 47.783, 301.62
CIE-LUV	22.03, -1.708, -49.223
Hunter-Lab	18.771, 15.944, -38.434
Binary	00110001, 00101010, 01110010

#312a72
```
#312a72 rgb(49,42,114)
```
#6b722a
```
#6b722a rgb(107,114,42)
```

Complementary Color

#2a4772
```
#2a4772 rgb(42,71,114)
```
#312a72
```
#312a72 rgb(49,42,114)
```
#552a72
```
#552a72 rgb(85,42,114)
```

Analogous Color

#47722a
```
#47722a rgb(71,114,42)
```
#312a72
```
#312a72 rgb(49,42,114)
```
#72552a
```
#72552a rgb(114,85,42)
```

Split Complementary Color

#2a7231
```
#2a7231 rgb(42,114,49)
```
#312a72
```
#312a72 rgb(49,42,114)
```
#72312a
```
#72312a rgb(114,49,42)
```

Triadic Color

#2a6b72
```
#2a6b72 rgb(42,107,114)
```
#312a72
```
#312a72 rgb(49,42,114)
```
#72312a
```
#72312a rgb(114,49,42)
```
#6b722a
```
#6b722a rgb(107,114,42)
```

Tetradic Color

#19153a
```
#19153a rgb(25,21,58)
```
#211c4d
```
#211c4d rgb(33,28,77)
```
#29235f
```
#29235f rgb(41,35,95)
```
#312a72
```
#312a72 rgb(49,42,114)
```
#393185
```
#393185 rgb(57,49,133)
```
#413897
```
#413897 rgb(65,56,151)
```
#493faa
```
#493faa rgb(73,63,170)
```

Monochromatic Color

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

#2a3572
```
#2a3572 rgb(42,53,114)
```
#2a2f72
```
#2a2f72 rgb(42,47,114)
```
#2b2a72
```
#2b2a72 rgb(43,42,114)
```
#312a72
```
#312a72 rgb(49,42,114)
```
#372a72
```
#372a72 rgb(55,42,114)
```
#3d2a72
```
#3d2a72 rgb(61,42,114)
```
#432a72
```
#432a72 rgb(67,42,114)
```

Similar Colors

Text with hexadecimal color #312a72

This text has a font color of #312a72.

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

#312a72 background color

This paragraph has a background color of #312a72.

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

#312a72 border color

This element has a border color of #312a72.

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

CSS codes

.text {color:#312a72;}

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

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

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, #06050e is the darkest color, while #fefeff is the lightest one.

#06050e
```
#06050e rgb(6,5,14)
```
#0c0a1c
```
#0c0a1c rgb(12,10,28)
```
#12102a
```
#12102a rgb(18,16,42)
```
#181539
```
#181539 rgb(24,21,57)
```
#1f1a47
```
#1f1a47 rgb(31,26,71)
```
#251f55
```
#251f55 rgb(37,31,85)
```
#2b2564
```
#2b2564 rgb(43,37,100)
```
#312a72
```
#312a72 rgb(49,42,114)
```
#372f80
```
#372f80 rgb(55,47,128)
```
#3d358f
```
#3d358f rgb(61,53,143)
```
#433a9d
```
#433a9d rgb(67,58,157)
```
#4a3fab
```
#4a3fab rgb(74,63,171)
```
#5044ba
```
#5044ba rgb(80,68,186)
```

Shade Color Variation

#5d52bf
```
#5d52bf rgb(93,82,191)
```
#6a61c5
```
#6a61c5 rgb(106,97,197)
```
#786fca
```
#786fca rgb(120,111,202)
```
#857dcf
```
#857dcf rgb(133,125,207)
```
#938cd5
```
#938cd5 rgb(147,140,213)
```
#a09ada
```
#a09ada rgb(160,154,218)
```
#aea8df
```
#aea8df rgb(174,168,223)
```
#bbb7e4
```
#bbb7e4 rgb(187,183,228)
```
#c9c5ea
```
#c9c5ea rgb(201,197,234)
```
#d6d3ef
```
#d6d3ef rgb(214,211,239)
```
#e3e2f4
```
#e3e2f4 rgb(227,226,244)
```
#f1f0f9
```
#f1f0f9 rgb(241,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#494854
```
#494854 rgb(73,72,84)
```
#44425a
```
#44425a rgb(68,66,90)
```
#403c60
```
#403c60 rgb(64,60,96)
```
#3b3666
```
#3b3666 rgb(59,54,102)
```
#36306c
```
#36306c rgb(54,48,108)
```
#312a72
```
#312a72 rgb(49,42,114)
```
#2c2478
```
#2c2478 rgb(44,36,120)
```
#271e7e
```
#271e7e rgb(39,30,126)
```
#231884
```
#231884 rgb(35,24,132)
```
#1e128a
```
#1e128a rgb(30,18,138)
```
#190c90
```
#190c90 rgb(25,12,144)
```
#140696
```
#140696 rgb(20,6,150)
```
#0f009c
```
#0f009c rgb(15,0,156)
```

Tone Color Variation

Below, you can see how #312a72 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
#333240 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d78 Protanopia 1% of men
#004069 Deuteranopia 1% of men
#254348 Tritanopia 0.001% of the population

Trichromacy

#113675 Protanomaly 1% of men, 0.01% of women
#11386c Deuteranomaly 6% of men, 0.4% of women
#293a57 Tritanomaly 0.01% of the population

#312a72 hex color

#312a72 Color Information

#312a72 Color Conversion

Color Schemes with #312a72

Alternatives to #312a72

#312a72 Preview

Shades and Tints of #312a72

Tones of #312a72

Color Blindness Simulator