#314f7b hex color

In a RGB color space, hex #314f7b is composed of 19.2% red, 31% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 35.8% magenta, 0% yellow and 51.8% black. It has a hue angle of 215.7 degrees, a saturation of 43% and a lightness of 33.7%. #314f7b color hex could be obtained by blending #629ef6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 31
- B 48
RGB color chart
- C 60
- M 36
- Y 0
- K 52
CMYK color chart

● #314f7b color description : Dark moderate blue.

The hexadecimal color #314f7b has RGB values of R:49, G:79, B:123 and CMYK values of C:0.6, M:0.36, Y:0, K:0.52. Its decimal value is 3231611.

Hex triplet	314f7b	`#314f7b`
RGB Decimal	49, 79, 123	`rgb(49,79,123)`
RGB Percent	19.2, 31, 48.2	`rgb(19.2%,31%,48.2%)`
CMYK	60, 36, 0, 52
HSL	215.7°, 43, 33.7	`hsl(215.7,43%,33.7%)`
HSV (or HSB)	215.7°, 60.2, 48.2
Web Safe	336666	`#336666`

CIE-LAB	33.296, 3.275, -28.348
XYZ	7.637, 7.675, 19.817
xyY	0.217, 0.218, 7.675
CIE-LCH	33.296, 28.537, 276.59
CIE-LUV	33.296, -13.065, -38.633
Hunter-Lab	27.703, 0.727, -23.02
Binary	00110001, 01001111, 01111011

#314f7b
```
#314f7b rgb(49,79,123)
```
#7b5d31
```
#7b5d31 rgb(123,93,49)
```

Complementary Color

#31747b
```
#31747b rgb(49,116,123)
```
#314f7b
```
#314f7b rgb(49,79,123)
```
#38317b
```
#38317b rgb(56,49,123)
```

Analogous Color

#747b31
```
#747b31 rgb(116,123,49)
```
#314f7b
```
#314f7b rgb(49,79,123)
```
#7b3831
```
#7b3831 rgb(123,56,49)
```

Split Complementary Color

#4f7b31
```
#4f7b31 rgb(79,123,49)
```
#314f7b
```
#314f7b rgb(49,79,123)
```
#7b314f
```
#7b314f rgb(123,49,79)
```

Triadic Color

#317b5d
```
#317b5d rgb(49,123,93)
```
#314f7b
```
#314f7b rgb(49,79,123)
```
#7b314f
```
#7b314f rgb(123,49,79)
```
#7b5d31
```
#7b5d31 rgb(123,93,49)
```

Tetradic Color

#1b2c44
```
#1b2c44 rgb(27,44,68)
```
#223857
```
#223857 rgb(34,56,87)
```
#2a4369
```
#2a4369 rgb(42,67,105)
```
#314f7b
```
#314f7b rgb(49,79,123)
```
#385b8d
```
#385b8d rgb(56,91,141)
```
#40669f
```
#40669f rgb(64,102,159)
```
#4772b2
```
#4772b2 rgb(71,114,178)
```

Monochromatic Color

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

#31627b
```
#31627b rgb(49,98,123)
```
#315b7b
```
#315b7b rgb(49,91,123)
```
#31557b
```
#31557b rgb(49,85,123)
```
#314f7b
```
#314f7b rgb(49,79,123)
```
#31497b
```
#31497b rgb(49,73,123)
```
#31437b
```
#31437b rgb(49,67,123)
```
#313d7b
```
#313d7b rgb(49,61,123)
```

Similar Colors

Text with hexadecimal color #314f7b

This text has a font color of #314f7b.

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

#314f7b background color

This paragraph has a background color of #314f7b.

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

#314f7b border color

This element has a border color of #314f7b.

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

CSS codes

.text {color:#314f7b;}

.background {background-color:#314f7b;}

.border {border:1px solid #314f7b;}

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, #04070b is the darkest color, while #fcfdfe is the lightest one.

#04070b
```
#04070b rgb(4,7,11)
```
#0a1019
```
#0a1019 rgb(10,16,25)
```
#0f1927
```
#0f1927 rgb(15,25,39)
```
#152235
```
#152235 rgb(21,34,53)
```
#1b2b43
```
#1b2b43 rgb(27,43,67)
```
#203451
```
#203451 rgb(32,52,81)
```
#263d5f
```
#263d5f rgb(38,61,95)
```
#2b466d
```
#2b466d rgb(43,70,109)
```
#314f7b
```
#314f7b rgb(49,79,123)
```
#375889
```
#375889 rgb(55,88,137)
```
#3c6197
```
#3c6197 rgb(60,97,151)
```
#426aa5
```
#426aa5 rgb(66,106,165)
```
#4773b3
```
#4773b3 rgb(71,115,179)
```

Shade Color Variation

#537dbb
```
#537dbb rgb(83,125,187)
```
#6188c0
```
#6188c0 rgb(97,136,192)
```
#6f92c6
```
#6f92c6 rgb(111,146,198)
```
#7e9dcb
```
#7e9dcb rgb(126,157,203)
```
#8ca8d1
```
#8ca8d1 rgb(140,168,209)
```
#9ab2d7
```
#9ab2d7 rgb(154,178,215)
```
#a8bddc
```
#a8bddc rgb(168,189,220)
```
#b6c8e2
```
#b6c8e2 rgb(182,200,226)
```
#c4d2e7
```
#c4d2e7 rgb(196,210,231)
```
#d2dded
```
#d2dded rgb(210,221,237)
```
#e0e7f3
```
#e0e7f3 rgb(224,231,243)
```
#eef2f8
```
#eef2f8 rgb(238,242,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#52555a
```
#52555a rgb(82,85,90)
```
#4b5461
```
#4b5461 rgb(75,84,97)
```
#455367
```
#455367 rgb(69,83,103)
```
#3e526e
```
#3e526e rgb(62,82,110)
```
#385074
```
#385074 rgb(56,80,116)
```
#314f7b
```
#314f7b rgb(49,79,123)
```
#2a4e82
```
#2a4e82 rgb(42,78,130)
```
#244c88
```
#244c88 rgb(36,76,136)
```
#1d4b8f
```
#1d4b8f rgb(29,75,143)
```
#174a95
```
#174a95 rgb(23,74,149)
```
#10499c
```
#10499c rgb(16,73,156)
```
#0947a3
```
#0947a3 rgb(9,71,163)
```
#0346a9
```
#0346a9 rgb(3,70,169)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#464c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475680 Protanopia 1% of men
#3f5782 Deuteranopia 1% of men
#2c5e65 Tritanopia 0.001% of the population

Trichromacy

#3f537e Protanomaly 1% of men, 0.01% of women
#3a547f Deuteranomaly 6% of men, 0.4% of women
#2e586d Tritanomaly 0.01% of the population

#314f7b hex color

#314f7b Color Information

#314f7b Color Conversion

Color Schemes with #314f7b

Alternatives to #314f7b

#314f7b Preview

Shades and Tints of #314f7b

Tones of #314f7b

Color Blindness Simulator