#313bdd hex color

In a RGB color space, hex #313bdd is composed of 19.2% red, 23.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 73.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 236.5 degrees, a saturation of 71.7% and a lightness of 52.9%. #313bdd color hex could be obtained by blending #6276ff with #0000bb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 23
- B 87
RGB color chart
- C 78
- M 73
- Y 0
- K 13
CMYK color chart

● #313bdd color description : Bright blue.

The hexadecimal color #313bdd has RGB values of R:49, G:59, B:221 and CMYK values of C:0.78, M:0.73, Y:0, K:0.13. Its decimal value is 3226589.

Hex triplet	313bdd	`#313bdd`
RGB Decimal	49, 59, 221	`rgb(49,59,221)`
RGB Percent	19.2, 23.1, 86.7	`rgb(19.2%,23.1%,86.7%)`
CMYK	78, 73, 0, 13
HSL	236.5°, 71.7, 52.9	`hsl(236.5,71.7%,52.9%)`
HSV (or HSB)	236.5°, 77.8, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.985, 51.307, -82.41
XYZ	15.879, 9, 69.303
xyY	0.169, 0.096, 9
CIE-LCH	35.985, 97.077, 301.906
CIE-LUV	35.985, -9.736, -113.476
Hunter-Lab	30.001, 41.978, -115.963
Binary	00110001, 00111011, 11011101

#313bdd
```
#313bdd rgb(49,59,221)
```
#ddd331
```
#ddd331 rgb(221,211,49)
```

Complementary Color

#3191dd
```
#3191dd rgb(49,145,221)
```
#313bdd
```
#313bdd rgb(49,59,221)
```
#7d31dd
```
#7d31dd rgb(125,49,221)
```

Analogous Color

#91dd31
```
#91dd31 rgb(145,221,49)
```
#313bdd
```
#313bdd rgb(49,59,221)
```
#dd7d31
```
#dd7d31 rgb(221,125,49)
```

Split Complementary Color

#3bdd31
```
#3bdd31 rgb(59,221,49)
```
#313bdd
```
#313bdd rgb(49,59,221)
```
#dd313b
```
#dd313b rgb(221,49,59)
```

Triadic Color

#31ddd3
```
#31ddd3 rgb(49,221,211)
```
#313bdd
```
#313bdd rgb(49,59,221)
```
#dd313b
```
#dd313b rgb(221,49,59)
```
#ddd331
```
#ddd331 rgb(221,211,49)
```

Tetradic Color

#1b23a6
```
#1b23a6 rgb(27,35,166)
```
#1f28bc
```
#1f28bc rgb(31,40,188)
```
#232dd2
```
#232dd2 rgb(35,45,210)
```
#313bdd
```
#313bdd rgb(49,59,221)
```
#4750e1
```
#4750e1 rgb(71,80,225)
```
#5d65e4
```
#5d65e4 rgb(93,101,228)
```
#7379e8
```
#7379e8 rgb(115,121,232)
```

Monochromatic Color

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

#3166dd
```
#3166dd rgb(49,102,221)
```
#3158dd
```
#3158dd rgb(49,88,221)
```
#3149dd
```
#3149dd rgb(49,73,221)
```
#313bdd
```
#313bdd rgb(49,59,221)
```
#3531dd
```
#3531dd rgb(53,49,221)
```
#4431dd
```
#4431dd rgb(68,49,221)
```
#5231dd
```
#5231dd rgb(82,49,221)
```

Similar Colors

Text with hexadecimal color #313bdd

This text has a font color of #313bdd.

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

#313bdd background color

This paragraph has a background color of #313bdd.

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

#313bdd border color

This element has a border color of #313bdd.

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

CSS codes

.text {color:#313bdd;}

.background {background-color:#313bdd;}

.border {border:1px solid #313bdd;}

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, #02030d is the darkest color, while #fbfbfe is the lightest one.

#02030d
```
#02030d rgb(2,3,13)
```
#05061e
```
#05061e rgb(5,6,30)
```
#080a2f
```
#080a2f rgb(8,10,47)
```
#0a0e3f
```
#0a0e3f rgb(10,14,63)
```
#0d1150
```
#0d1150 rgb(13,17,80)
```
#101561
```
#101561 rgb(16,21,97)
```
#131872
```
#131872 rgb(19,24,114)
```
#161c83
```
#161c83 rgb(22,28,131)
```
#182094
```
#182094 rgb(24,32,148)
```
#1b23a4
```
#1b23a4 rgb(27,35,164)
```
#1e27b5
```
#1e27b5 rgb(30,39,181)
```
#212ac6
```
#212ac6 rgb(33,42,198)
```
#232ed7
```
#232ed7 rgb(35,46,215)
```

Shade Color Variation

#313bdd
```
#313bdd rgb(49,59,221)
```
#424be0
```
#424be0 rgb(66,75,224)
```
#535be3
```
#535be3 rgb(83,91,227)
```
#646be5
```
#646be5 rgb(100,107,229)
```
#747be8
```
#747be8 rgb(116,123,232)
```
#858beb
```
#858beb rgb(133,139,235)
```
#969bee
```
#969bee rgb(150,155,238)
```
#a7abf0
```
#a7abf0 rgb(167,171,240)
```
#b8bbf3
```
#b8bbf3 rgb(184,187,243)
```
#c9cbf6
```
#c9cbf6 rgb(201,203,246)
```
#d9dbf9
```
#d9dbf9 rgb(217,219,249)
```
#eaebfc
```
#eaebfc rgb(234,235,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#84848a
```
#84848a rgb(132,132,138)
```
#7b7c93
```
#7b7c93 rgb(123,124,147)
```
#72749c
```
#72749c rgb(114,116,156)
```
#686ca6
```
#686ca6 rgb(104,108,166)
```
#5f64af
```
#5f64af rgb(95,100,175)
```
#565cb8
```
#565cb8 rgb(86,92,184)
```
#4d53c1
```
#4d53c1 rgb(77,83,193)
```
#434bcb
```
#434bcb rgb(67,75,203)
```
#3a43d4
```
#3a43d4 rgb(58,67,212)
```
#313bdd
```
#313bdd rgb(49,59,221)
```
#2833e6
```
#2833e6 rgb(40,51,230)
```
#1f2bef
```
#1f2bef rgb(31,43,239)
```
#1523f9
```
#1523f9 rgb(21,35,249)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#454767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#114fc0 Protanomaly 1% of men, 0.01% of women
#1152b1 Deuteranomaly 6% of men, 0.4% of women
#115695 Tritanomaly 0.01% of the population

#313bdd hex color

#313bdd Color Information

#313bdd Color Conversion

Color Schemes with #313bdd

Alternatives to #313bdd

#313bdd Preview

Shades and Tints of #313bdd

Tones of #313bdd

Color Blindness Simulator