#313be0 hex color

In a RGB color space, hex #313be0 is composed of 19.2% red, 23.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 73.7% magenta, 0% yellow and 12.2% black. It has a hue angle of 236.6 degrees, a saturation of 73.8% and a lightness of 53.5%. #313be0 color hex could be obtained by blending #6276ff with #0000c1. Closest websafe color is: #3333cc.

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

● #313be0 color description : Bright blue.

The hexadecimal color #313be0 has RGB values of R:49, G:59, B:224 and CMYK values of C:0.78, M:0.74, Y:0, K:0.12. Its decimal value is 3226592.

Hex triplet	313be0	`#313be0`
RGB Decimal	49, 59, 224	`rgb(49,59,224)`
RGB Percent	19.2, 23.1, 87.8	`rgb(19.2%,23.1%,87.8%)`
CMYK	78, 74, 0, 12
HSL	236.6°, 73.8, 53.5	`hsl(236.6,73.8%,53.5%)`
HSV (or HSB)	236.6°, 78.1, 87.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.294, 52.289, -83.618
XYZ	16.282, 9.162, 71.427
xyY	0.168, 0.095, 9.162
CIE-LCH	36.294, 98.621, 302.019
CIE-LUV	36.294, -9.838, -115.25
Hunter-Lab	30.268, 43.053, -118.725
Binary	00110001, 00111011, 11100000

#313be0
```
#313be0 rgb(49,59,224)
```
#e0d631
```
#e0d631 rgb(224,214,49)
```

Complementary Color

#3193e0
```
#3193e0 rgb(49,147,224)
```
#313be0
```
#313be0 rgb(49,59,224)
```
#7f31e0
```
#7f31e0 rgb(127,49,224)
```

Analogous Color

#93e031
```
#93e031 rgb(147,224,49)
```
#313be0
```
#313be0 rgb(49,59,224)
```
#e07f31
```
#e07f31 rgb(224,127,49)
```

Split Complementary Color

#3be031
```
#3be031 rgb(59,224,49)
```
#313be0
```
#313be0 rgb(49,59,224)
```
#e0313b
```
#e0313b rgb(224,49,59)
```

Triadic Color

#31e0d6
```
#31e0d6 rgb(49,224,214)
```
#313be0
```
#313be0 rgb(49,59,224)
```
#e0313b
```
#e0313b rgb(224,49,59)
```
#e0d631
```
#e0d631 rgb(224,214,49)
```

Tetradic Color

#1a22ab
```
#1a22ab rgb(26,34,171)
```
#1d26c1
```
#1d26c1 rgb(29,38,193)
```
#202bd7
```
#202bd7 rgb(32,43,215)
```
#313be0
```
#313be0 rgb(49,59,224)
```
#4750e3
```
#4750e3 rgb(71,80,227)
```
#5d65e7
```
#5d65e7 rgb(93,101,231)
```
#737aea
```
#737aea rgb(115,122,234)
```

Monochromatic Color

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

#3167e0
```
#3167e0 rgb(49,103,224)
```
#3158e0
```
#3158e0 rgb(49,88,224)
```
#314ae0
```
#314ae0 rgb(49,74,224)
```
#313be0
```
#313be0 rgb(49,59,224)
```
#3631e0
```
#3631e0 rgb(54,49,224)
```
#4431e0
```
#4431e0 rgb(68,49,224)
```
#5331e0
```
#5331e0 rgb(83,49,224)
```

Similar Colors

Text with hexadecimal color #313be0

This text has a font color of #313be0.

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

#313be0 background color

This paragraph has a background color of #313be0.

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

#313be0 border color

This element has a border color of #313be0.

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

CSS codes

.text {color:#313be0;}

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

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

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

#020310
```
#020310 rgb(2,3,16)
```
#050721
```
#050721 rgb(5,7,33)
```
#070a32
```
#070a32 rgb(7,10,50)
```
#0a0d43
```
#0a0d43 rgb(10,13,67)
```
#0d1154
```
#0d1154 rgb(13,17,84)
```
#0f1465
```
#0f1465 rgb(15,20,101)
```
#121776
```
#121776 rgb(18,23,118)
```
#141b87
```
#141b87 rgb(20,27,135)
```
#171e98
```
#171e98 rgb(23,30,152)
```
#1922a9
```
#1922a9 rgb(25,34,169)
```
#1c25ba
```
#1c25ba rgb(28,37,186)
```
#1f28cb
```
#1f28cb rgb(31,40,203)
```
#212cdc
```
#212cdc rgb(33,44,220)
```

Shade Color Variation

#313be0
```
#313be0 rgb(49,59,224)
```
#424be3
```
#424be3 rgb(66,75,227)
```
#535be5
```
#535be5 rgb(83,91,229)
```
#646ce8
```
#646ce8 rgb(100,108,232)
```
#757cea
```
#757cea rgb(117,124,234)
```
#868ced
```
#868ced rgb(134,140,237)
```
#979cef
```
#979cef rgb(151,156,239)
```
#a8adf2
```
#a8adf2 rgb(168,173,242)
```
#b9bdf5
```
#b9bdf5 rgb(185,189,245)
```
#cacdf7
```
#cacdf7 rgb(202,205,247)
```
#dbddfa
```
#dbddfa rgb(219,221,250)
```
#ededfc
```
#ededfc rgb(237,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#83848e
```
#83848e rgb(131,132,142)
```
#7a7c97
```
#7a7c97 rgb(122,124,151)
```
#7174a0
```
#7174a0 rgb(113,116,160)
```
#686ba9
```
#686ba9 rgb(104,107,169)
```
#5f63b2
```
#5f63b2 rgb(95,99,178)
```
#555bbc
```
#555bbc rgb(85,91,188)
```
#4c53c5
```
#4c53c5 rgb(76,83,197)
```
#434bce
```
#434bce rgb(67,75,206)
```
#3a43d7
```
#3a43d7 rgb(58,67,215)
```
#313be0
```
#313be0 rgb(49,59,224)
```
#2833e9
```
#2833e9 rgb(40,51,233)
```
#1f2bf2
```
#1f2bf2 rgb(31,43,242)
```
#1623fb
```
#1623fb rgb(22,35,251)
```

Tone Color Variation

Below, you can see how #313be0 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
#00609a Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

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

#313be0 hex color

#313be0 Color Information

#313be0 Color Conversion

Color Schemes with #313be0

Alternatives to #313be0

#313be0 Preview

Shades and Tints of #313be0

Tones of #313be0

Color Blindness Simulator