#314297 hex color

In a RGB color space, hex #314297 is composed of 19.2% red, 25.9% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 56.3% magenta, 0% yellow and 40.8% black. It has a hue angle of 230 degrees, a saturation of 51% and a lightness of 39.2%. #314297 color hex could be obtained by blending #6284ff with #00002f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 26
- B 59
RGB color chart
- C 68
- M 56
- Y 0
- K 41
CMYK color chart

● #314297 color description : Dark moderate blue.

The hexadecimal color #314297 has RGB values of R:49, G:66, B:151 and CMYK values of C:0.68, M:0.56, Y:0, K:0.41. Its decimal value is 3228311.

Hex triplet	314297	`#314297`
RGB Decimal	49, 66, 151	`rgb(49,66,151)`
RGB Percent	19.2, 25.9, 59.2	`rgb(19.2%,25.9%,59.2%)`
CMYK	68, 56, 0, 41
HSL	230°, 51, 39.2	`hsl(230,51%,39.2%)`
HSV (or HSB)	230°, 67.5, 59.2
Web Safe	333399	`#333399`

CIE-LAB	31.308, 22.277, -48.752
XYZ	8.8, 6.783, 30.122
xyY	0.193, 0.148, 6.783
CIE-LCH	31.308, 53.601, 294.558
CIE-LUV	31.308, -9.218, -66.944
Hunter-Lab	26.045, 14.731, -50.341
Binary	00110001, 01000010, 10010111

#314297
```
#314297 rgb(49,66,151)
```
#978631
```
#978631 rgb(151,134,49)
```

Complementary Color

#317597
```
#317597 rgb(49,117,151)
```
#314297
```
#314297 rgb(49,66,151)
```
#533197
```
#533197 rgb(83,49,151)
```

Analogous Color

#759731
```
#759731 rgb(117,151,49)
```
#314297
```
#314297 rgb(49,66,151)
```
#975331
```
#975331 rgb(151,83,49)
```

Split Complementary Color

#429731
```
#429731 rgb(66,151,49)
```
#314297
```
#314297 rgb(49,66,151)
```
#973142
```
#973142 rgb(151,49,66)
```

Triadic Color

#319786
```
#319786 rgb(49,151,134)
```
#314297
```
#314297 rgb(49,66,151)
```
#973142
```
#973142 rgb(151,49,66)
```
#978631
```
#978631 rgb(151,134,49)
```

Tetradic Color

#1e295d
```
#1e295d rgb(30,41,93)
```
#253170
```
#253170 rgb(37,49,112)
```
#2b3a84
```
#2b3a84 rgb(43,58,132)
```
#314297
```
#314297 rgb(49,66,151)
```
#374aaa
```
#374aaa rgb(55,74,170)
```
#3d53be
```
#3d53be rgb(61,83,190)
```
#4f63c6
```
#4f63c6 rgb(79,99,198)
```

Monochromatic Color

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

#315c97
```
#315c97 rgb(49,92,151)
```
#315397
```
#315397 rgb(49,83,151)
```
#314b97
```
#314b97 rgb(49,75,151)
```
#314297
```
#314297 rgb(49,66,151)
```
#313a97
```
#313a97 rgb(49,58,151)
```
#313197
```
#313197 rgb(49,49,151)
```
#3a3197
```
#3a3197 rgb(58,49,151)
```

Similar Colors

Text with hexadecimal color #314297

This text has a font color of #314297.

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

#314297 background color

This paragraph has a background color of #314297.

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

#314297 border color

This element has a border color of #314297.

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

CSS codes

.text {color:#314297;}

.background {background-color:#314297;}

.border {border:1px solid #314297;}

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

#010103
```
#010103 rgb(1,1,3)
```
#060812
```
#060812 rgb(6,8,18)
```
#0b0e21
```
#0b0e21 rgb(11,14,33)
```
#0f152f
```
#0f152f rgb(15,21,47)
```
#141b3e
```
#141b3e rgb(20,27,62)
```
#19224d
```
#19224d rgb(25,34,77)
```
#1e285c
```
#1e285c rgb(30,40,92)
```
#232f6b
```
#232f6b rgb(35,47,107)
```
#273579
```
#273579 rgb(39,53,121)
```
#2c3c88
```
#2c3c88 rgb(44,60,136)
```
#314297
```
#314297 rgb(49,66,151)
```
#3648a6
```
#3648a6 rgb(54,72,166)
```
#3b4fb5
```
#3b4fb5 rgb(59,79,181)
```

Shade Color Variation

#4157c1
```
#4157c1 rgb(65,87,193)
```
#5064c6
```
#5064c6 rgb(80,100,198)
```
#5f71cb
```
#5f71cb rgb(95,113,203)
```
#6e7ed0
```
#6e7ed0 rgb(110,126,208)
```
#7d8bd5
```
#7d8bd5 rgb(125,139,213)
```
#8b98d9
```
#8b98d9 rgb(139,152,217)
```
#9aa6de
```
#9aa6de rgb(154,166,222)
```
#a9b3e3
```
#a9b3e3 rgb(169,179,227)
```
#b8c0e8
```
#b8c0e8 rgb(184,192,232)
```
#c7cded
```
#c7cded rgb(199,205,237)
```
#d5daf2
```
#d5daf2 rgb(213,218,242)
```
#e4e7f6
```
#e4e7f6 rgb(228,231,246)
```
#f3f4fb
```
#f3f4fb rgb(243,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6169 is the less saturated color, while #0323c5 is the most saturated one.

#5f6169
```
#5f6169 rgb(95,97,105)
```
#575c71
```
#575c71 rgb(87,92,113)
```
#505778
```
#505778 rgb(80,87,120)
```
#485180
```
#485180 rgb(72,81,128)
```
#404c88
```
#404c88 rgb(64,76,136)
```
#39478f
```
#39478f rgb(57,71,143)
```
#314297
```
#314297 rgb(49,66,151)
```
#293d9f
```
#293d9f rgb(41,61,159)
```
#2238a6
```
#2238a6 rgb(34,56,166)
```
#1a33ae
```
#1a33ae rgb(26,51,174)
```
#122db6
```
#122db6 rgb(18,45,182)
```
#0b28bd
```
#0b28bd rgb(11,40,189)
```
#0323c5
```
#0323c5 rgb(3,35,197)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#434657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509e Protanopia 1% of men
#00548a Deuteranopia 1% of men
#005b61 Tritanopia 0.001% of the population

Trichromacy

#114b9b Protanomaly 1% of men, 0.01% of women
#114e8f Deuteranomaly 6% of men, 0.4% of women
#115274 Tritanomaly 0.01% of the population

#314297 hex color

#314297 Color Information

#314297 Color Conversion

Color Schemes with #314297

Alternatives to #314297

#314297 Preview

Shades and Tints of #314297

Tones of #314297

Color Blindness Simulator