#311aa7 hex color

In a RGB color space, hex #311aa7 is composed of 19.2% red, 10.2% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 84.4% magenta, 0% yellow and 34.5% black. It has a hue angle of 249.8 degrees, a saturation of 73.1% and a lightness of 37.8%. #311aa7 color hex could be obtained by blending #6234ff with #00004f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 10
- B 65
RGB color chart
- C 71
- M 84
- Y 0
- K 35
CMYK color chart

● #311aa7 color description : Dark blue.

The hexadecimal color #311aa7 has RGB values of R:49, G:26, B:167 and CMYK values of C:0.71, M:0.84, Y:0, K:0.35. Its decimal value is 3218087.

Hex triplet	311aa7	`#311aa7`
RGB Decimal	49, 26, 167	`rgb(49,26,167)`
RGB Percent	19.2, 10.2, 65.5	`rgb(19.2%,10.2%,65.5%)`
CMYK	71, 84, 0, 35
HSL	249.8°, 73.1, 37.8	`hsl(249.8,73.1%,37.8%)`
HSV (or HSB)	249.8°, 84.4, 65.5
Web Safe	333399	`#333399`

CIE-LAB	24.262, 51.01, -70.035
XYZ	8.61, 4.181, 36.91
xyY	0.173, 0.084, 4.181
CIE-LCH	24.262, 86.643, 306.068
CIE-LUV	24.262, -2.737, -82.522
Hunter-Lab	20.448, 39.372, -92.708
Binary	00110001, 00011010, 10100111

#311aa7
```
#311aa7 rgb(49,26,167)
```
#90a71a
```
#90a71a rgb(144,167,26)
```

Complementary Color

#1a4aa7
```
#1a4aa7 rgb(26,74,167)
```
#311aa7
```
#311aa7 rgb(49,26,167)
```
#781aa7
```
#781aa7 rgb(120,26,167)
```

Analogous Color

#4aa71a
```
#4aa71a rgb(74,167,26)
```
#311aa7
```
#311aa7 rgb(49,26,167)
```
#a7781a
```
#a7781a rgb(167,120,26)
```

Split Complementary Color

#1aa731
```
#1aa731 rgb(26,167,49)
```
#311aa7
```
#311aa7 rgb(49,26,167)
```
#a7311a
```
#a7311a rgb(167,49,26)
```

Triadic Color

#1a90a7
```
#1a90a7 rgb(26,144,167)
```
#311aa7
```
#311aa7 rgb(49,26,167)
```
#a7311a
```
#a7311a rgb(167,49,26)
```
#90a71a
```
#90a71a rgb(144,167,26)
```

Tetradic Color

#1e1065
```
#1e1065 rgb(30,16,101)
```
#24137b
```
#24137b rgb(36,19,123)
```
#2b1791
```
#2b1791 rgb(43,23,145)
```
#311aa7
```
#311aa7 rgb(49,26,167)
```
#371dbd
```
#371dbd rgb(55,29,189)
```
#3e21d3
```
#3e21d3 rgb(62,33,211)
```
#4c2fdf
```
#4c2fdf rgb(76,47,223)
```

Monochromatic Color

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

#1a26a7
```
#1a26a7 rgb(26,38,167)
```
#1a1ba7
```
#1a1ba7 rgb(26,27,167)
```
#251aa7
```
#251aa7 rgb(37,26,167)
```
#311aa7
```
#311aa7 rgb(49,26,167)
```
#3d1aa7
```
#3d1aa7 rgb(61,26,167)
```
#491aa7
```
#491aa7 rgb(73,26,167)
```
#541aa7
```
#541aa7 rgb(84,26,167)
```

Similar Colors

Text with hexadecimal color #311aa7

This text has a font color of #311aa7.

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

#311aa7 background color

This paragraph has a background color of #311aa7.

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

#311aa7 border color

This element has a border color of #311aa7.

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

CSS codes

.text {color:#311aa7;}

.background {background-color:#311aa7;}

.border {border:1px solid #311aa7;}

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, #04020e is the darkest color, while #fdfcff is the lightest one.

#04020e
```
#04020e rgb(4,2,14)
```
#09051f
```
#09051f rgb(9,5,31)
```
#0e0830
```
#0e0830 rgb(14,8,48)
```
#130a41
```
#130a41 rgb(19,10,65)
```
#180d52
```
#180d52 rgb(24,13,82)
```
#1d0f63
```
#1d0f63 rgb(29,15,99)
```
#221274
```
#221274 rgb(34,18,116)
```
#271585
```
#271585 rgb(39,21,133)
```
#2c1796
```
#2c1796 rgb(44,23,150)
```
#311aa7
```
#311aa7 rgb(49,26,167)
```
#361db8
```
#361db8 rgb(54,29,184)
```
#3b1fc9
```
#3b1fc9 rgb(59,31,201)
```
#4022da
```
#4022da rgb(64,34,218)
```

Shade Color Variation

#4d31df
```
#4d31df rgb(77,49,223)
```
#5c42e2
```
#5c42e2 rgb(92,66,226)
```
#6a53e4
```
#6a53e4 rgb(106,83,228)
```
#7964e7
```
#7964e7 rgb(121,100,231)
```
#8874e9
```
#8874e9 rgb(136,116,233)
```
#9685ec
```
#9685ec rgb(150,133,236)
```
#a596ef
```
#a596ef rgb(165,150,239)
```
#b3a7f1
```
#b3a7f1 rgb(179,167,241)
```
#c2b8f4
```
#c2b8f4 rgb(194,184,244)
```
#d1c9f7
```
#d1c9f7 rgb(209,201,247)
```
#dfdaf9
```
#dfdaf9 rgb(223,218,249)
```
#eeebfc
```
#eeebfc rgb(238,235,252)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#5e5d64
```
#5e5d64 rgb(94,93,100)
```
#59556c
```
#59556c rgb(89,85,108)
```
#544e73
```
#544e73 rgb(84,78,115)
```
#4f477a
```
#4f477a rgb(79,71,122)
```
#4a3f82
```
#4a3f82 rgb(74,63,130)
```
#453889
```
#453889 rgb(69,56,137)
```
#403091
```
#403091 rgb(64,48,145)
```
#3b2998
```
#3b2998 rgb(59,41,152)
```
#3621a0
```
#3621a0 rgb(54,33,160)
```
#311aa7
```
#311aa7 rgb(49,26,167)
```
#2c13ae
```
#2c13ae rgb(44,19,174)
```
#270bb6
```
#270bb6 rgb(39,11,182)
```
#2204bd
```
#2204bd rgb(34,4,189)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#312c49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004280 Protanopia 1% of men
#00456e Deuteranopia 1% of men
#004a4e Tritanopia 0.001% of the population

Trichromacy

#11338e Protanomaly 1% of men, 0.01% of women
#113583 Deuteranomaly 6% of men, 0.4% of women
#11386e Tritanomaly 0.01% of the population

#311aa7 hex color

#311aa7 Color Information

#311aa7 Color Conversion

Color Schemes with #311aa7

Alternatives to #311aa7

#311aa7 Preview

Shades and Tints of #311aa7

Tones of #311aa7

Color Blindness Simulator