#313aed hex color

In a RGB color space, hex #313aed is composed of 19.2% red, 22.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 75.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 237.1 degrees, a saturation of 83.9% and a lightness of 56.1%. #313aed color hex could be obtained by blending #6274ff with #0000db. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 23
- B 93
RGB color chart
- C 79
- M 76
- Y 0
- K 7
CMYK color chart

● #313aed color description : Bright blue.

The hexadecimal color #313aed has RGB values of R:49, G:58, B:237 and CMYK values of C:0.79, M:0.76, Y:0, K:0.07. Its decimal value is 3226349.

Hex triplet	313aed	`#313aed`
RGB Decimal	49, 58, 237	`rgb(49,58,237)`
RGB Percent	19.2, 22.7, 92.9	`rgb(19.2%,22.7%,92.9%)`
CMYK	79, 76, 0, 7
HSL	237.1°, 83.9, 56.1	`hsl(237.1,83.9%,56.1%)`
HSV (or HSB)	237.1°, 79.3, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.467, 57.003, -89.075
XYZ	18.063, 9.792, 81.054
xyY	0.166, 0.09, 9.792
CIE-LCH	37.467, 105.754, 302.617
CIE-LUV	37.467, -10.132, -122.931
Hunter-Lab	31.293, 48.271, -131.668
Binary	00110001, 00111010, 11101101

#313aed
```
#313aed rgb(49,58,237)
```
#ede431
```
#ede431 rgb(237,228,49)
```

Complementary Color

#3198ed
```
#3198ed rgb(49,152,237)
```
#313aed
```
#313aed rgb(49,58,237)
```
#8631ed
```
#8631ed rgb(134,49,237)
```

Analogous Color

#98ed31
```
#98ed31 rgb(152,237,49)
```
#313aed
```
#313aed rgb(49,58,237)
```
#ed8631
```
#ed8631 rgb(237,134,49)
```

Split Complementary Color

#3aed31
```
#3aed31 rgb(58,237,49)
```
#313aed
```
#313aed rgb(49,58,237)
```
#ed313a
```
#ed313a rgb(237,49,58)
```

Triadic Color

#31ede4
```
#31ede4 rgb(49,237,228)
```
#313aed
```
#313aed rgb(49,58,237)
```
#ed313a
```
#ed313a rgb(237,49,58)
```
#ede431
```
#ede431 rgb(237,228,49)
```

Tetradic Color

#1119c1
```
#1119c1 rgb(17,25,193)
```
#131cd8
```
#131cd8 rgb(19,28,216)
```
#1a24eb
```
#1a24eb rgb(26,36,235)
```
#313aed
```
#313aed rgb(49,58,237)
```
#4850ef
```
#4850ef rgb(72,80,239)
```
#6067f1
```
#6067f1 rgb(96,103,241)
```
#777df3
```
#777df3 rgb(119,125,243)
```

Monochromatic Color

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

#3169ed
```
#3169ed rgb(49,105,237)
```
#3159ed
```
#3159ed rgb(49,89,237)
```
#314aed
```
#314aed rgb(49,74,237)
```
#313aed
```
#313aed rgb(49,58,237)
```
#3831ed
```
#3831ed rgb(56,49,237)
```
#4731ed
```
#4731ed rgb(71,49,237)
```
#5731ed
```
#5731ed rgb(87,49,237)
```

Similar Colors

Text with hexadecimal color #313aed

This text has a font color of #313aed.

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

#313aed background color

This paragraph has a background color of #313aed.

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

#313aed border color

This element has a border color of #313aed.

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

CSS codes

.text {color:#313aed;}

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

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

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, #01010a is the darkest color, while #f7f8fe is the lightest one.

#01010a
```
#01010a rgb(1,1,10)
```
#02041d
```
#02041d rgb(2,4,29)
```
#04062f
```
#04062f rgb(4,6,47)
```
#060841
```
#060841 rgb(6,8,65)
```
#070b53
```
#070b53 rgb(7,11,83)
```
#090d65
```
#090d65 rgb(9,13,101)
```
#0a1077
```
#0a1077 rgb(10,16,119)
```
#0c1289
```
#0c1289 rgb(12,18,137)
```
#0e149b
```
#0e149b rgb(14,20,155)
```
#0f17ad
```
#0f17ad rgb(15,23,173)
```
#1119bf
```
#1119bf rgb(17,25,191)
```
#121bd1
```
#121bd1 rgb(18,27,209)
```
#141ee3
```
#141ee3 rgb(20,30,227)
```

Shade Color Variation

#1f29eb
```
#1f29eb rgb(31,41,235)
```
#313aed
```
#313aed rgb(49,58,237)
```
#434bef
```
#434bef rgb(67,75,239)
```
#555df0
```
#555df0 rgb(85,93,240)
```
#676ef2
```
#676ef2 rgb(103,110,242)
```
#797ff3
```
#797ff3 rgb(121,127,243)
```
#8b90f5
```
#8b90f5 rgb(139,144,245)
```
#9da2f6
```
#9da2f6 rgb(157,162,246)
```
#afb3f8
```
#afb3f8 rgb(175,179,248)
```
#c1c4fa
```
#c1c4fa rgb(193,196,250)
```
#d3d5fb
```
#d3d5fb rgb(211,213,251)
```
#e5e7fd
```
#e5e7fd rgb(229,231,253)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878897 is the less saturated color, while #202afe is the most saturated one.

#878897
```
#878897 rgb(135,136,151)
```
#7f809f
```
#7f809f rgb(127,128,159)
```
#7678a8
```
#7678a8 rgb(118,120,168)
```
#6d71b1
```
#6d71b1 rgb(109,113,177)
```
#6569b9
```
#6569b9 rgb(101,105,185)
```
#5c61c2
```
#5c61c2 rgb(92,97,194)
```
#5359cb
```
#5359cb rgb(83,89,203)
```
#4b51d3
```
#4b51d3 rgb(75,81,211)
```
#424adc
```
#424adc rgb(66,74,220)
```
#3a42e4
```
#3a42e4 rgb(58,66,228)
```
#313aed
```
#313aed rgb(49,58,237)
```
#2832f6
```
#2832f6 rgb(40,50,246)
```
#202afe
```
#202afe rgb(32,42,254)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#47486c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb6 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#1150ca Protanomaly 1% of men, 0.01% of women
#1154ba Deuteranomaly 6% of men, 0.4% of women
#11589d Tritanomaly 0.01% of the population

#313aed hex color

#313aed Color Information

#313aed Color Conversion

Color Schemes with #313aed

Alternatives to #313aed

#313aed Preview

Shades and Tints of #313aed

Tones of #313aed

Color Blindness Simulator