#313bdf hex color

In a RGB color space, hex #313bdf is composed of 19.2% red, 23.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 73.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 236.6 degrees, a saturation of 73.1% and a lightness of 53.3%. #313bdf color hex could be obtained by blending #6276ff with #0000bf. Closest websafe color is: #3333cc.

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

● #313bdf color description : Bright blue.

The hexadecimal color #313bdf has RGB values of R:49, G:59, B:223 and CMYK values of C:0.78, M:0.74, Y:0, K:0.13. Its decimal value is 3226591.

Hex triplet	313bdf	`#313bdf`
RGB Decimal	49, 59, 223	`rgb(49,59,223)`
RGB Percent	19.2, 23.1, 87.5	`rgb(19.2%,23.1%,87.5%)`
CMYK	78, 74, 0, 13
HSL	236.6°, 73.1, 53.3	`hsl(236.6,73.1%,53.3%)`
HSV (or HSB)	236.6°, 78, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.191, 51.962, -83.216
XYZ	16.147, 9.108, 70.715
xyY	0.168, 0.095, 9.108
CIE-LCH	36.191, 98.107, 301.982
CIE-LUV	36.191, -9.804, -114.659
Hunter-Lab	30.179, 42.694, -117.804
Binary	00110001, 00111011, 11011111

#313bdf
```
#313bdf rgb(49,59,223)
```
#dfd531
```
#dfd531 rgb(223,213,49)
```

Complementary Color

#3192df
```
#3192df rgb(49,146,223)
```
#313bdf
```
#313bdf rgb(49,59,223)
```
#7e31df
```
#7e31df rgb(126,49,223)
```

Analogous Color

#92df31
```
#92df31 rgb(146,223,49)
```
#313bdf
```
#313bdf rgb(49,59,223)
```
#df7e31
```
#df7e31 rgb(223,126,49)
```

Split Complementary Color

#3bdf31
```
#3bdf31 rgb(59,223,49)
```
#313bdf
```
#313bdf rgb(49,59,223)
```
#df313b
```
#df313b rgb(223,49,59)
```

Triadic Color

#31dfd5
```
#31dfd5 rgb(49,223,213)
```
#313bdf
```
#313bdf rgb(49,59,223)
```
#df313b
```
#df313b rgb(223,49,59)
```
#dfd531
```
#dfd531 rgb(223,213,49)
```

Tetradic Color

#1a23a9
```
#1a23a9 rgb(26,35,169)
```
#1e27bf
```
#1e27bf rgb(30,39,191)
```
#212cd5
```
#212cd5 rgb(33,44,213)
```
#313bdf
```
#313bdf rgb(49,59,223)
```
#4750e2
```
#4750e2 rgb(71,80,226)
```
#5d65e6
```
#5d65e6 rgb(93,101,230)
```
#737ae9
```
#737ae9 rgb(115,122,233)
```

Monochromatic Color

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

#3167df
```
#3167df rgb(49,103,223)
```
#3158df
```
#3158df rgb(49,88,223)
```
#314adf
```
#314adf rgb(49,74,223)
```
#313bdf
```
#313bdf rgb(49,59,223)
```
#3631df
```
#3631df rgb(54,49,223)
```
#4431df
```
#4431df rgb(68,49,223)
```
#5331df
```
#5331df rgb(83,49,223)
```

Similar Colors

Text with hexadecimal color #313bdf

This text has a font color of #313bdf.

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

#313bdf background color

This paragraph has a background color of #313bdf.

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

#313bdf border color

This element has a border color of #313bdf.

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

CSS codes

.text {color:#313bdf;}

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

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

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

#02030f
```
#02030f rgb(2,3,15)
```
#050620
```
#050620 rgb(5,6,32)
```
#080a31
```
#080a31 rgb(8,10,49)
```
#0a0d42
```
#0a0d42 rgb(10,13,66)
```
#0d1153
```
#0d1153 rgb(13,17,83)
```
#0f1464
```
#0f1464 rgb(15,20,100)
```
#121875
```
#121875 rgb(18,24,117)
```
#151b86
```
#151b86 rgb(21,27,134)
```
#171f97
```
#171f97 rgb(23,31,151)
```
#1a22a8
```
#1a22a8 rgb(26,34,168)
```
#1d26b8
```
#1d26b8 rgb(29,38,184)
```
#1f29c9
```
#1f29c9 rgb(31,41,201)
```
#222dda
```
#222dda rgb(34,45,218)
```

Shade Color Variation

#313bdf
```
#313bdf rgb(49,59,223)
```
#424be2
```
#424be2 rgb(66,75,226)
```
#535be4
```
#535be4 rgb(83,91,228)
```
#646be7
```
#646be7 rgb(100,107,231)
```
#757cea
```
#757cea rgb(117,124,234)
```
#868cec
```
#868cec rgb(134,140,236)
```
#979cef
```
#979cef rgb(151,156,239)
```
#a8acf1
```
#a8acf1 rgb(168,172,241)
```
#b9bcf4
```
#b9bcf4 rgb(185,188,244)
```
#caccf7
```
#caccf7 rgb(202,204,247)
```
#dbddf9
```
#dbddf9 rgb(219,221,249)
```
#ecedfc
```
#ecedfc rgb(236,237,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#83848d
```
#83848d rgb(131,132,141)
```
#7a7c96
```
#7a7c96 rgb(122,124,150)
```
#71749f
```
#71749f rgb(113,116,159)
```
#686ca8
```
#686ca8 rgb(104,108,168)
```
#5f64b1
```
#5f64b1 rgb(95,100,177)
```
#565bba
```
#565bba rgb(86,91,186)
```
#4c53c4
```
#4c53c4 rgb(76,83,196)
```
#434bcd
```
#434bcd rgb(67,75,205)
```
#3a43d6
```
#3a43d6 rgb(58,67,214)
```
#313bdf
```
#313bdf rgb(49,59,223)
```
#2833e8
```
#2833e8 rgb(40,51,232)
```
#1f2bf1
```
#1f2bf1 rgb(31,43,241)
```
#1623fa
```
#1623fa rgb(22,35,250)
```

Tone Color Variation

Below, you can see how #313bdf 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
#464869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#114fc2 Protanomaly 1% of men, 0.01% of women
#1152b2 Deuteranomaly 6% of men, 0.4% of women
#115796 Tritanomaly 0.01% of the population

#313bdf hex color

#313bdf Color Information

#313bdf Color Conversion

Color Schemes with #313bdf

Alternatives to #313bdf

#313bdf Preview

Shades and Tints of #313bdf

Tones of #313bdf

Color Blindness Simulator