#313feb hex color

In a RGB color space, hex #313feb is composed of 19.2% red, 24.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 73.2% magenta, 0% yellow and 7.8% black. It has a hue angle of 235.5 degrees, a saturation of 82.3% and a lightness of 55.7%. #313feb color hex could be obtained by blending #627eff with #0000d7. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 25
- B 92
RGB color chart
- C 79
- M 73
- Y 0
- K 8
CMYK color chart

● #313feb color description : Bright blue.

The hexadecimal color #313feb has RGB values of R:49, G:63, B:235 and CMYK values of C:0.79, M:0.73, Y:0, K:0.08. Its decimal value is 3227627.

Hex triplet	313feb	`#313feb`
RGB Decimal	49, 63, 235	`rgb(49,63,235)`
RGB Percent	19.2, 24.7, 92.2	`rgb(19.2%,24.7%,92.2%)`
CMYK	79, 73, 0, 8
HSL	235.5°, 82.3, 55.7	`hsl(235.5,82.3%,55.7%)`
HSV (or HSB)	235.5°, 79.1, 92.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.208, 53.672, -86.717
XYZ	18.037, 10.205, 79.612
xyY	0.167, 0.095, 10.205
CIE-LCH	38.208, 101.983, 301.755
CIE-LUV	38.208, -10.853, -121.342
Hunter-Lab	31.945, 44.879, -125.398
Binary	00110001, 00111111, 11101011

#313feb
```
#313feb rgb(49,63,235)
```
#ebdd31
```
#ebdd31 rgb(235,221,49)
```

Complementary Color

#319ceb
```
#319ceb rgb(49,156,235)
```
#313feb
```
#313feb rgb(49,63,235)
```
#8031eb
```
#8031eb rgb(128,49,235)
```

Analogous Color

#9ceb31
```
#9ceb31 rgb(156,235,49)
```
#313feb
```
#313feb rgb(49,63,235)
```
#eb8031
```
#eb8031 rgb(235,128,49)
```

Split Complementary Color

#3feb31
```
#3feb31 rgb(63,235,49)
```
#313feb
```
#313feb rgb(49,63,235)
```
#eb313f
```
#eb313f rgb(235,49,63)
```

Triadic Color

#31ebdd
```
#31ebdd rgb(49,235,221)
```
#313feb
```
#313feb rgb(49,63,235)
```
#eb313f
```
#eb313f rgb(235,49,63)
```
#ebdd31
```
#ebdd31 rgb(235,221,49)
```

Tetradic Color

#121fbd
```
#121fbd rgb(18,31,189)
```
#1523d4
```
#1523d4 rgb(21,35,212)
```
#1a29e9
```
#1a29e9 rgb(26,41,233)
```
#313feb
```
#313feb rgb(49,63,235)
```
#4855ed
```
#4855ed rgb(72,85,237)
```
#5f6af0
```
#5f6af0 rgb(95,106,240)
```
#7780f2
```
#7780f2 rgb(119,128,242)
```

Monochromatic Color

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

#316eeb
```
#316eeb rgb(49,110,235)
```
#315eeb
```
#315eeb rgb(49,94,235)
```
#314feb
```
#314feb rgb(49,79,235)
```
#313feb
```
#313feb rgb(49,63,235)
```
#3231eb
```
#3231eb rgb(50,49,235)
```
#4231eb
```
#4231eb rgb(66,49,235)
```
#5131eb
```
#5131eb rgb(81,49,235)
```

Similar Colors

Text with hexadecimal color #313feb

This text has a font color of #313feb.

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

#313feb background color

This paragraph has a background color of #313feb.

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

#313feb border color

This element has a border color of #313feb.

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

CSS codes

.text {color:#313feb;}

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

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

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

#010109
```
#010109 rgb(1,1,9)
```
#03041a
```
#03041a rgb(3,4,26)
```
#04072c
```
#04072c rgb(4,7,44)
```
#060a3e
```
#060a3e rgb(6,10,62)
```
#080d50
```
#080d50 rgb(8,13,80)
```
#0a1062
```
#0a1062 rgb(10,16,98)
```
#0b1374
```
#0b1374 rgb(11,19,116)
```
#0d1686
```
#0d1686 rgb(13,22,134)
```
#0f1998
```
#0f1998 rgb(15,25,152)
```
#101ca9
```
#101ca9 rgb(16,28,169)
```
#121fbb
```
#121fbb rgb(18,31,187)
```
#1422cd
```
#1422cd rgb(20,34,205)
```
#1625df
```
#1625df rgb(22,37,223)
```

Shade Color Variation

#1f2ee9
```
#1f2ee9 rgb(31,46,233)
```
#313feb
```
#313feb rgb(49,63,235)
```
#4350ed
```
#4350ed rgb(67,80,237)
```
#5560ee
```
#5560ee rgb(85,96,238)
```
#6771f0
```
#6771f0 rgb(103,113,240)
```
#7982f2
```
#7982f2 rgb(121,130,242)
```
#8a92f4
```
#8a92f4 rgb(138,146,244)
```
#9ca3f5
```
#9ca3f5 rgb(156,163,245)
```
#aeb4f7
```
#aeb4f7 rgb(174,180,247)
```
#c0c4f9
```
#c0c4f9 rgb(192,196,249)
```
#d2d5fb
```
#d2d5fb rgb(210,213,251)
```
#e4e6fc
```
#e4e6fc rgb(228,230,252)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

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

#888994
```
#888994 rgb(136,137,148)
```
#7f819d
```
#7f819d rgb(127,129,157)
```
#777aa5
```
#777aa5 rgb(119,122,165)
```
#6e73ae
```
#6e73ae rgb(110,115,174)
```
#656bb7
```
#656bb7 rgb(101,107,183)
```
#5c64c0
```
#5c64c0 rgb(92,100,192)
```
#545dc8
```
#545dc8 rgb(84,93,200)
```
#4b55d1
```
#4b55d1 rgb(75,85,209)
```
#424eda
```
#424eda rgb(66,78,218)
```
#3a46e2
```
#3a46e2 rgb(58,70,226)
```
#313feb
```
#313feb rgb(49,63,235)
```
#2838f4
```
#2838f4 rgb(40,56,244)
```
#2030fc
```
#2030fc rgb(32,48,252)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#484b6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#1153cb Protanomaly 1% of men, 0.01% of women
#1157bc Deuteranomaly 6% of men, 0.4% of women
#115b9d Tritanomaly 0.01% of the population

#313feb hex color

#313feb Color Information

#313feb Color Conversion

Color Schemes with #313feb

Alternatives to #313feb

#313feb Preview

Shades and Tints of #313feb

Tones of #313feb

Color Blindness Simulator