#312fc4 hex color

In a RGB color space, hex #312fc4 is composed of 19.2% red, 18.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 76% magenta, 0% yellow and 23.1% black. It has a hue angle of 240.8 degrees, a saturation of 61.3% and a lightness of 47.6%. #312fc4 color hex could be obtained by blending #625eff with #000089. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 18
- B 77
RGB color chart
- C 75
- M 76
- Y 0
- K 23
CMYK color chart

● #312fc4 color description : Strong blue.

The hexadecimal color #312fc4 has RGB values of R:49, G:47, B:196 and CMYK values of C:0.75, M:0.76, Y:0, K:0.23. Its decimal value is 3223492.

Hex triplet	312fc4	`#312fc4`
RGB Decimal	49, 47, 196	`rgb(49,47,196)`
RGB Percent	19.2, 18.4, 76.9	`rgb(19.2%,18.4%,76.9%)`
CMYK	75, 76, 0, 23
HSL	240.8°, 61.3, 47.6	`hsl(240.8,61.3%,47.6%)`
HSV (or HSB)	240.8°, 76, 76.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.045, 49.746, -76.079
XYZ	12.245, 6.671, 52.864
xyY	0.171, 0.093, 6.671
CIE-LCH	31.045, 90.899, 303.18
CIE-LUV	31.045, -6.875, -99.571
Hunter-Lab	25.828, 39.428, -103.274
Binary	00110001, 00101111, 11000100

#312fc4
```
#312fc4 rgb(49,47,196)
```
#c2c42f
```
#c2c42f rgb(194,196,47)
```

Complementary Color

#2f78c4
```
#2f78c4 rgb(47,120,196)
```
#312fc4
```
#312fc4 rgb(49,47,196)
```
#7c2fc4
```
#7c2fc4 rgb(124,47,196)
```

Analogous Color

#78c42f
```
#78c42f rgb(120,196,47)
```
#312fc4
```
#312fc4 rgb(49,47,196)
```
#c47c2f
```
#c47c2f rgb(196,124,47)
```

Split Complementary Color

#2fc431
```
#2fc431 rgb(47,196,49)
```
#312fc4
```
#312fc4 rgb(49,47,196)
```
#c4312f
```
#c4312f rgb(196,49,47)
```

Triadic Color

#2fc2c4
```
#2fc2c4 rgb(47,194,196)
```
#312fc4
```
#312fc4 rgb(49,47,196)
```
#c4312f
```
#c4312f rgb(196,49,47)
```
#c2c42f
```
#c2c42f rgb(194,196,47)
```

Tetradic Color

#222086
```
#222086 rgb(34,32,134)
```
#27259b
```
#27259b rgb(39,37,155)
```
#2c2aaf
```
#2c2aaf rgb(44,42,175)
```
#312fc4
```
#312fc4 rgb(49,47,196)
```
#3e3cd0
```
#3e3cd0 rgb(62,60,208)
```
#5351d5
```
#5351d5 rgb(83,81,213)
```
#6765da
```
#6765da rgb(103,101,218)
```

Monochromatic Color

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

#2f52c4
```
#2f52c4 rgb(47,82,196)
```
#2f46c4
```
#2f46c4 rgb(47,70,196)
```
#2f39c4
```
#2f39c4 rgb(47,57,196)
```
#312fc4
```
#312fc4 rgb(49,47,196)
```
#3d2fc4
```
#3d2fc4 rgb(61,47,196)
```
#4a2fc4
```
#4a2fc4 rgb(74,47,196)
```
#562fc4
```
#562fc4 rgb(86,47,196)
```

Similar Colors

Text with hexadecimal color #312fc4

This text has a font color of #312fc4.

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

#312fc4 background color

This paragraph has a background color of #312fc4.

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

#312fc4 border color

This element has a border color of #312fc4.

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

CSS codes

.text {color:#312fc4;}

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

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

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

#020106
```
#020106 rgb(2,1,6)
```
#050516
```
#050516 rgb(5,5,22)
```
#090926
```
#090926 rgb(9,9,38)
```
#0d0d36
```
#0d0d36 rgb(13,13,54)
```
#111145
```
#111145 rgb(17,17,69)
```
#151455
```
#151455 rgb(21,20,85)
```
#191865
```
#191865 rgb(25,24,101)
```
#1d1c75
```
#1d1c75 rgb(29,28,117)
```
#212085
```
#212085 rgb(33,32,133)
```
#252495
```
#252495 rgb(37,36,149)
```
#2927a4
```
#2927a4 rgb(41,39,164)
```
#2d2bb4
```
#2d2bb4 rgb(45,43,180)
```
#312fc4
```
#312fc4 rgb(49,47,196)
```

Shade Color Variation

#3937cf
```
#3937cf rgb(57,55,207)
```
#4947d3
```
#4947d3 rgb(73,71,211)
```
#5957d7
```
#5957d7 rgb(89,87,215)
```
#6867db
```
#6867db rgb(104,103,219)
```
#7877de
```
#7877de rgb(120,119,222)
```
#8887e2
```
#8887e2 rgb(136,135,226)
```
#9796e6
```
#9796e6 rgb(151,150,230)
```
#a7a6ea
```
#a7a6ea rgb(167,166,234)
```
#b7b6ee
```
#b7b6ee rgb(183,182,238)
```
#c6c6f1
```
#c6c6f1 rgb(198,198,241)
```
#d6d6f5
```
#d6d6f5 rgb(214,214,245)
```
#e6e5f9
```
#e6e5f9 rgb(230,229,249)
```
#f5f5fd
```
#f5f5fd rgb(245,245,253)
```

Tint Color Variation

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

#717083
```
#717083 rgb(113,112,131)
```
#68678c
```
#68678c rgb(104,103,140)
```
#5e5e95
```
#5e5e95 rgb(94,94,149)
```
#55549f
```
#55549f rgb(85,84,159)
```
#4c4ba8
```
#4c4ba8 rgb(76,75,168)
```
#4342b1
```
#4342b1 rgb(67,66,177)
```
#3a38bb
```
#3a38bb rgb(58,56,187)
```
#312fc4
```
#312fc4 rgb(49,47,196)
```
#2826cd
```
#2826cd rgb(40,38,205)
```
#1f1cd7
```
#1f1cd7 rgb(31,28,215)
```
#1613e0
```
#1613e0 rgb(22,19,224)
```
#0d0ae9
```
#0d0ae9 rgb(13,10,233)
```
#0400f3
```
#0400f3 rgb(4,0,243)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e3d5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005487 Deuteranopia 1% of men
#005a5f Tritanopia 0.001% of the population

Trichromacy

#1144aa Protanomaly 1% of men, 0.01% of women
#11479d Deuteranomaly 6% of men, 0.4% of women
#114a83 Tritanomaly 0.01% of the population

#312fc4 hex color

#312fc4 Color Information

#312fc4 Color Conversion

Color Schemes with #312fc4

Alternatives to #312fc4

#312fc4 Preview

Shades and Tints of #312fc4

Tones of #312fc4

Color Blindness Simulator