#31607b hex color

In a RGB color space, hex #31607b is composed of 19.2% red, 37.6% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 22% magenta, 0% yellow and 51.8% black. It has a hue angle of 201.9 degrees, a saturation of 43% and a lightness of 33.7%. #31607b color hex could be obtained by blending #62c0f6 with #000000. Closest websafe color is: #336666.

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

● #31607b color description : Dark moderate blue.

The hexadecimal color #31607b has RGB values of R:49, G:96, B:123 and CMYK values of C:0.6, M:0.22, Y:0, K:0.52. Its decimal value is 3235963.

Hex triplet	31607b	`#31607b`
RGB Decimal	49, 96, 123	`rgb(49,96,123)`
RGB Percent	19.2, 37.6, 48.2	`rgb(19.2%,37.6%,48.2%)`
CMYK	60, 22, 0, 52
HSL	201.9°, 43, 33.7	`hsl(201.9,43%,33.7%)`
HSV (or HSB)	201.9°, 60.2, 48.2
Web Safe	336666	`#336666`

CIE-LAB	38.635, -7.399, -20.017
XYZ	9.024, 10.448, 20.279
xyY	0.227, 0.263, 10.448
CIE-LCH	38.635, 21.341, 249.714
CIE-LUV	38.635, -19.356, -26.785
Hunter-Lab	32.324, -6.735, -14.57
Binary	00110001, 01100000, 01111011

#31607b
```
#31607b rgb(49,96,123)
```
#7b4c31
```
#7b4c31 rgb(123,76,49)
```

Complementary Color

#317b71
```
#317b71 rgb(49,123,113)
```
#31607b
```
#31607b rgb(49,96,123)
```
#313b7b
```
#313b7b rgb(49,59,123)
```

Analogous Color

#7b7131
```
#7b7131 rgb(123,113,49)
```
#31607b
```
#31607b rgb(49,96,123)
```
#7b313b
```
#7b313b rgb(123,49,59)
```

Split Complementary Color

#607b31
```
#607b31 rgb(96,123,49)
```
#31607b
```
#31607b rgb(49,96,123)
```
#7b3160
```
#7b3160 rgb(123,49,96)
```

Triadic Color

#317b4c
```
#317b4c rgb(49,123,76)
```
#31607b
```
#31607b rgb(49,96,123)
```
#7b3160
```
#7b3160 rgb(123,49,96)
```
#7b4c31
```
#7b4c31 rgb(123,76,49)
```

Tetradic Color

#1b3544
```
#1b3544 rgb(27,53,68)
```
#224457
```
#224457 rgb(34,68,87)
```
#2a5269
```
#2a5269 rgb(42,82,105)
```
#31607b
```
#31607b rgb(49,96,123)
```
#386e8d
```
#386e8d rgb(56,110,141)
```
#407c9f
```
#407c9f rgb(64,124,159)
```
#478bb2
```
#478bb2 rgb(71,139,178)
```

Monochromatic Color

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

#31737b
```
#31737b rgb(49,115,123)
```
#316c7b
```
#316c7b rgb(49,108,123)
```
#31667b
```
#31667b rgb(49,102,123)
```
#31607b
```
#31607b rgb(49,96,123)
```
#315a7b
```
#315a7b rgb(49,90,123)
```
#31547b
```
#31547b rgb(49,84,123)
```
#314e7b
```
#314e7b rgb(49,78,123)
```

Similar Colors

Text with hexadecimal color #31607b

This text has a font color of #31607b.

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

#31607b background color

This paragraph has a background color of #31607b.

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

#31607b border color

This element has a border color of #31607b.

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

CSS codes

.text {color:#31607b;}

.background {background-color:#31607b;}

.border {border:1px solid #31607b;}

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

#04080b
```
#04080b rgb(4,8,11)
```
#0a1319
```
#0a1319 rgb(10,19,25)
```
#0f1e27
```
#0f1e27 rgb(15,30,39)
```
#152935
```
#152935 rgb(21,41,53)
```
#1b3443
```
#1b3443 rgb(27,52,67)
```
#203f51
```
#203f51 rgb(32,63,81)
```
#264a5f
```
#264a5f rgb(38,74,95)
```
#2b556d
```
#2b556d rgb(43,85,109)
```
#31607b
```
#31607b rgb(49,96,123)
```
#376b89
```
#376b89 rgb(55,107,137)
```
#3c7697
```
#3c7697 rgb(60,118,151)
```
#4281a5
```
#4281a5 rgb(66,129,165)
```
#478cb3
```
#478cb3 rgb(71,140,179)
```

Shade Color Variation

#5395bb
```
#5395bb rgb(83,149,187)
```
#619ec0
```
#619ec0 rgb(97,158,192)
```
#6fa6c6
```
#6fa6c6 rgb(111,166,198)
```
#7eafcb
```
#7eafcb rgb(126,175,203)
```
#8cb8d1
```
#8cb8d1 rgb(140,184,209)
```
#9ac0d7
```
#9ac0d7 rgb(154,192,215)
```
#a8c9dc
```
#a8c9dc rgb(168,201,220)
```
#b6d2e2
```
#b6d2e2 rgb(182,210,226)
```
#c4dae7
```
#c4dae7 rgb(196,218,231)
```
#d2e3ed
```
#d2e3ed rgb(210,227,237)
```
#e0ecf3
```
#e0ecf3 rgb(224,236,243)
```
#eef4f8
```
#eef4f8 rgb(238,244,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#52575a
```
#52575a rgb(82,87,90)
```
#4b5961
```
#4b5961 rgb(75,89,97)
```
#455b67
```
#455b67 rgb(69,91,103)
```
#3e5c6e
```
#3e5c6e rgb(62,92,110)
```
#385e74
```
#385e74 rgb(56,94,116)
```
#31607b
```
#31607b rgb(49,96,123)
```
#2a6282
```
#2a6282 rgb(42,98,130)
```
#246488
```
#246488 rgb(36,100,136)
```
#1d658f
```
#1d658f rgb(29,101,143)
```
#176795
```
#176795 rgb(23,103,149)
```
#10699c
```
#10699c rgb(16,105,156)
```
#096ba3
```
#096ba3 rgb(9,107,163)
```
#036da9
```
#036da9 rgb(3,109,169)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e575d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b627e Protanopia 1% of men
#586284 Deuteranopia 1% of men
#336b72 Tritanopia 0.001% of the population

Trichromacy

#4c617c Protanomaly 1% of men, 0.01% of women
#4a6180 Deuteranomaly 6% of men, 0.4% of women
#326775 Tritanomaly 0.01% of the population

#31607b hex color

#31607b Color Information

#31607b Color Conversion

Color Schemes with #31607b

Alternatives to #31607b

#31607b Preview

Shades and Tints of #31607b

Tones of #31607b

Color Blindness Simulator