#31669d hex color

In a RGB color space, hex #31669d is composed of 19.2% red, 40% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 35% magenta, 0% yellow and 38.4% black. It has a hue angle of 210.6 degrees, a saturation of 52.4% and a lightness of 40.4%. #31669d color hex could be obtained by blending #62ccff with #00003b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 40
- B 62
RGB color chart
- C 69
- M 35
- Y 0
- K 38
CMYK color chart

● #31669d color description : Dark moderate blue.

The hexadecimal color #31669d has RGB values of R:49, G:102, B:157 and CMYK values of C:0.69, M:0.35, Y:0, K:0.38. Its decimal value is 3237533.

Hex triplet	31669d	`#31669d`
RGB Decimal	49, 102, 157	`rgb(49,102,157)`
RGB Percent	19.2, 40, 61.6	`rgb(19.2%,40%,61.6%)`
CMYK	69, 35, 0, 38
HSL	210.6°, 52.4, 40.4	`hsl(210.6,52.4%,40.4%)`
HSV (or HSB)	210.6°, 68.8, 61.6
Web Safe	336699	`#336699`

CIE-LAB	42.138, 0.951, -35.034
XYZ	12.102, 12.589, 33.689
xyY	0.207, 0.216, 12.589
CIE-LCH	42.138, 35.047, 271.555
CIE-LUV	42.138, -20.567, -51.037
Hunter-Lab	35.481, -1.207, -31.458
Binary	00110001, 01100110, 10011101

#31669d
```
#31669d rgb(49,102,157)
```
#9d6831
```
#9d6831 rgb(157,104,49)
```

Complementary Color

#319c9d
```
#319c9d rgb(49,156,157)
```
#31669d
```
#31669d rgb(49,102,157)
```
#32319d
```
#32319d rgb(50,49,157)
```

Analogous Color

#9c9d31
```
#9c9d31 rgb(156,157,49)
```
#31669d
```
#31669d rgb(49,102,157)
```
#9d3231
```
#9d3231 rgb(157,50,49)
```

Split Complementary Color

#669d31
```
#669d31 rgb(102,157,49)
```
#31669d
```
#31669d rgb(49,102,157)
```
#9d3166
```
#9d3166 rgb(157,49,102)
```

Triadic Color

#319d68
```
#319d68 rgb(49,157,104)
```
#31669d
```
#31669d rgb(49,102,157)
```
#9d3166
```
#9d3166 rgb(157,49,102)
```
#9d6831
```
#9d6831 rgb(157,104,49)
```

Tetradic Color

#1f4063
```
#1f4063 rgb(31,64,99)
```
#254d76
```
#254d76 rgb(37,77,118)
```
#2b598a
```
#2b598a rgb(43,89,138)
```
#31669d
```
#31669d rgb(49,102,157)
```
#3773b0
```
#3773b0 rgb(55,115,176)
```
#3e7fc3
```
#3e7fc3 rgb(62,127,195)
```
#528cc9
```
#528cc9 rgb(82,140,201)
```

Monochromatic Color

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

#31819d
```
#31819d rgb(49,129,157)
```
#31789d
```
#31789d rgb(49,120,157)
```
#316f9d
```
#316f9d rgb(49,111,157)
```
#31669d
```
#31669d rgb(49,102,157)
```
#315d9d
```
#315d9d rgb(49,93,157)
```
#31549d
```
#31549d rgb(49,84,157)
```
#314b9d
```
#314b9d rgb(49,75,157)
```

Similar Colors

Text with hexadecimal color #31669d

This text has a font color of #31669d.

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

#31669d background color

This paragraph has a background color of #31669d.

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

#31669d border color

This element has a border color of #31669d.

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

CSS codes

.text {color:#31669d;}

.background {background-color:#31669d;}

.border {border:1px solid #31669d;}

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

#020508
```
#020508 rgb(2,5,8)
```
#070f16
```
#070f16 rgb(7,15,22)
```
#0c1825
```
#0c1825 rgb(12,24,37)
```
#102234
```
#102234 rgb(16,34,52)
```
#152c43
```
#152c43 rgb(21,44,67)
```
#1a3552
```
#1a3552 rgb(26,53,82)
```
#1e3f61
```
#1e3f61 rgb(30,63,97)
```
#234970
```
#234970 rgb(35,73,112)
```
#28537f
```
#28537f rgb(40,83,127)
```
#2c5c8e
```
#2c5c8e rgb(44,92,142)
```
#31669d
```
#31669d rgb(49,102,157)
```
#3670ac
```
#3670ac rgb(54,112,172)
```
#3a79bb
```
#3a79bb rgb(58,121,187)
```

Shade Color Variation

#4483c5
```
#4483c5 rgb(68,131,197)
```
#538dc9
```
#538dc9 rgb(83,141,201)
```
#6297ce
```
#6297ce rgb(98,151,206)
```
#71a1d3
```
#71a1d3 rgb(113,161,211)
```
#80abd7
```
#80abd7 rgb(128,171,215)
```
#8fb5dc
```
#8fb5dc rgb(143,181,220)
```
#9ebfe1
```
#9ebfe1 rgb(158,191,225)
```
#adc9e5
```
#adc9e5 rgb(173,201,229)
```
#bcd2ea
```
#bcd2ea rgb(188,210,234)
```
#cbdcef
```
#cbdcef rgb(203,220,239)
```
#dae6f3
```
#dae6f3 rgb(218,230,243)
```
#e9f0f8
```
#e9f0f8 rgb(233,240,248)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61676d is the less saturated color, while #0165cd is the most saturated one.

#61676d
```
#61676d rgb(97,103,109)
```
#596775
```
#596775 rgb(89,103,117)
```
#51677d
```
#51677d rgb(81,103,125)
```
#496685
```
#496685 rgb(73,102,133)
```
#41668d
```
#41668d rgb(65,102,141)
```
#396695
```
#396695 rgb(57,102,149)
```
#31669d
```
#31669d rgb(49,102,157)
```
#2966a5
```
#2966a5 rgb(41,102,165)
```
#2166ad
```
#2166ad rgb(33,102,173)
```
#1966b5
```
#1966b5 rgb(25,102,181)
```
#1165bd
```
#1165bd rgb(17,101,189)
```
#0965c5
```
#0965c5 rgb(9,101,197)
```
#0165cd
```
#0165cd rgb(1,101,205)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535e69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#56699e Protanopia 1% of men
#496ba3 Deuteranopia 1% of men
#19757e Tritanopia 0.001% of the population

Trichromacy

#49689e Protanomaly 1% of men, 0.01% of women
#4069a0 Deuteranomaly 6% of men, 0.4% of women
#226f89 Tritanomaly 0.01% of the population

#31669d hex color

#31669d Color Information

#31669d Color Conversion

Color Schemes with #31669d

Alternatives to #31669d

#31669d Preview

Shades and Tints of #31669d

Tones of #31669d

Color Blindness Simulator