#313aef hex color

In a RGB color space, hex #313aef is composed of 19.2% red, 22.7% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 75.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 237.2 degrees, a saturation of 85.6% and a lightness of 56.5%. #313aef color hex could be obtained by blending #6274ff with #0000df. Closest websafe color is: #3333ff.

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

● #313aef color description : Bright blue.

The hexadecimal color #313aef has RGB values of R:49, G:58, B:239 and CMYK values of C:0.79, M:0.76, Y:0, K:0.06. Its decimal value is 3226351.

Hex triplet	313aef	`#313aef`
RGB Decimal	49, 58, 239	`rgb(49,58,239)`
RGB Percent	19.2, 22.7, 93.7	`rgb(19.2%,22.7%,93.7%)`
CMYK	79, 76, 0, 6
HSL	237.2°, 85.6, 56.5	`hsl(237.2,85.6%,56.5%)`
HSV (or HSB)	237.2°, 79.5, 93.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.68, 57.636, -89.855
XYZ	18.357, 9.91, 82.602
xyY	0.166, 0.089, 9.91
CIE-LCH	37.68, 106.751, 302.677
CIE-LUV	37.68, -10.202, -124.089
Hunter-Lab	31.48, 48.997, -133.539
Binary	00110001, 00111010, 11101111

#313aef
```
#313aef rgb(49,58,239)
```
#efe631
```
#efe631 rgb(239,230,49)
```

Complementary Color

#3199ef
```
#3199ef rgb(49,153,239)
```
#313aef
```
#313aef rgb(49,58,239)
```
#8731ef
```
#8731ef rgb(135,49,239)
```

Analogous Color

#99ef31
```
#99ef31 rgb(153,239,49)
```
#313aef
```
#313aef rgb(49,58,239)
```
#ef8731
```
#ef8731 rgb(239,135,49)
```

Split Complementary Color

#3aef31
```
#3aef31 rgb(58,239,49)
```
#313aef
```
#313aef rgb(49,58,239)
```
#ef313a
```
#ef313a rgb(239,49,58)
```

Triadic Color

#31efe6
```
#31efe6 rgb(49,239,230)
```
#313aef
```
#313aef rgb(49,58,239)
```
#ef313a
```
#ef313a rgb(239,49,58)
```
#efe631
```
#efe631 rgb(239,230,49)
```

Tetradic Color

#0f18c4
```
#0f18c4 rgb(15,24,196)
```
#111bdc
```
#111bdc rgb(17,27,220)
```
#1923ed
```
#1923ed rgb(25,35,237)
```
#313aef
```
#313aef rgb(49,58,239)
```
#4951f1
```
#4951f1 rgb(73,81,241)
```
#6067f3
```
#6067f3 rgb(96,103,243)
```
#787ef5
```
#787ef5 rgb(120,126,245)
```

Monochromatic Color

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

#316aef
```
#316aef rgb(49,106,239)
```
#315aef
```
#315aef rgb(49,90,239)
```
#314aef
```
#314aef rgb(49,74,239)
```
#313aef
```
#313aef rgb(49,58,239)
```
#3831ef
```
#3831ef rgb(56,49,239)
```
#4831ef
```
#4831ef rgb(72,49,239)
```
#5831ef
```
#5831ef rgb(88,49,239)
```

Similar Colors

Text with hexadecimal color #313aef

This text has a font color of #313aef.

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

#313aef background color

This paragraph has a background color of #313aef.

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

#313aef border color

This element has a border color of #313aef.

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

CSS codes

.text {color:#313aef;}

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

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

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, #01020c is the darkest color, while #f9f9ff is the lightest one.

#01020c
```
#01020c rgb(1,2,12)
```
#02041f
```
#02041f rgb(2,4,31)
```
#040631
```
#040631 rgb(4,6,49)
```
#050843
```
#050843 rgb(5,8,67)
```
#070a55
```
#070a55 rgb(7,10,85)
```
#080d67
```
#080d67 rgb(8,13,103)
```
#090f7a
```
#090f7a rgb(9,15,122)
```
#0b118c
```
#0b118c rgb(11,17,140)
```
#0c139e
```
#0c139e rgb(12,19,158)
```
#0e15b0
```
#0e15b0 rgb(14,21,176)
```
#0f18c2
```
#0f18c2 rgb(15,24,194)
```
#111ad5
```
#111ad5 rgb(17,26,213)
```
#121ce7
```
#121ce7 rgb(18,28,231)
```

Shade Color Variation

#1f29ee
```
#1f29ee rgb(31,41,238)
```
#313aef
```
#313aef rgb(49,58,239)
```
#434bf0
```
#434bf0 rgb(67,75,240)
```
#555df2
```
#555df2 rgb(85,93,242)
```
#686ef3
```
#686ef3 rgb(104,110,243)
```
#7a80f5
```
#7a80f5 rgb(122,128,245)
```
#8c91f6
```
#8c91f6 rgb(140,145,246)
```
#9ea2f7
```
#9ea2f7 rgb(158,162,247)
```
#b0b4f9
```
#b0b4f9 rgb(176,180,249)
```
#c3c5fa
```
#c3c5fa rgb(195,197,250)
```
#d5d7fc
```
#d5d7fc rgb(213,215,252)
```
#e7e8fd
```
#e7e8fd rgb(231,232,253)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8f91 is the less saturated color, while #2832f8 is the most saturated one.

#8f8f91
```
#8f8f91 rgb(143,143,145)
```
#86879a
```
#86879a rgb(134,135,154)
```
#7e80a2
```
#7e80a2 rgb(126,128,162)
```
#7578ab
```
#7578ab rgb(117,120,171)
```
#6d70b3
```
#6d70b3 rgb(109,112,179)
```
#6468bc
```
#6468bc rgb(100,104,188)
```
#5c61c4
```
#5c61c4 rgb(92,97,196)
```
#5359cd
```
#5359cd rgb(83,89,205)
```
#4b51d5
```
#4b51d5 rgb(75,81,213)
```
#4249de
```
#4249de rgb(66,73,222)
```
#3a42e6
```
#3a42e6 rgb(58,66,230)
```
#313aef
```
#313aef rgb(49,58,239)
```
#2832f8
```
#2832f8 rgb(40,50,248)
```

Tone Color Variation

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

Dichromacy

#005eb7 Protanopia 1% of men
#00649e Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#1151cb Protanomaly 1% of men, 0.01% of women
#1154bc Deuteranomaly 6% of men, 0.4% of women
#11599e Tritanomaly 0.01% of the population

#313aef hex color

#313aef Color Information

#313aef Color Conversion

Color Schemes with #313aef

Alternatives to #313aef

#313aef Preview

Shades and Tints of #313aef

Tones of #313aef

Color Blindness Simulator