#313fed hex color

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

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

● #313fed color description : Bright blue.

The hexadecimal color #313fed has RGB values of R:49, G:63, B:237 and CMYK values of C:0.79, M:0.73, Y:0, K:0.07. Its decimal value is 3227629.

Hex triplet	313fed	`#313fed`
RGB Decimal	49, 63, 237	`rgb(49,63,237)`
RGB Percent	19.2, 24.7, 92.9	`rgb(19.2%,24.7%,92.9%)`
CMYK	79, 73, 0, 7
HSL	235.5°, 83.9, 56.1	`hsl(235.5,83.9%,56.1%)`
HSV (or HSB)	235.5°, 79.3, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.413, 54.323, -87.511
XYZ	18.327, 10.321, 81.142
xyY	0.167, 0.094, 10.321
CIE-LCH	38.413, 103, 301.83
CIE-LUV	38.413, -10.916, -122.519
Hunter-Lab	32.127, 45.607, -127.261
Binary	00110001, 00111111, 11101101

#313fed
```
#313fed rgb(49,63,237)
```
#eddf31
```
#eddf31 rgb(237,223,49)
```

Complementary Color

#319ded
```
#319ded rgb(49,157,237)
```
#313fed
```
#313fed rgb(49,63,237)
```
#8131ed
```
#8131ed rgb(129,49,237)
```

Analogous Color

#9ded31
```
#9ded31 rgb(157,237,49)
```
#313fed
```
#313fed rgb(49,63,237)
```
#ed8131
```
#ed8131 rgb(237,129,49)
```

Split Complementary Color

#3fed31
```
#3fed31 rgb(63,237,49)
```
#313fed
```
#313fed rgb(49,63,237)
```
#ed313f
```
#ed313f rgb(237,49,63)
```

Triadic Color

#31eddf
```
#31eddf rgb(49,237,223)
```
#313fed
```
#313fed rgb(49,63,237)
```
#ed313f
```
#ed313f rgb(237,49,63)
```
#eddf31
```
#eddf31 rgb(237,223,49)
```

Tetradic Color

#111ec1
```
#111ec1 rgb(17,30,193)
```
#1322d8
```
#1322d8 rgb(19,34,216)
```
#1a29eb
```
#1a29eb rgb(26,41,235)
```
#313fed
```
#313fed rgb(49,63,237)
```
#4855ef
```
#4855ef rgb(72,85,239)
```
#606bf1
```
#606bf1 rgb(96,107,241)
```
#7781f3
```
#7781f3 rgb(119,129,243)
```

Monochromatic Color

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

#316eed
```
#316eed rgb(49,110,237)
```
#315eed
```
#315eed rgb(49,94,237)
```
#314fed
```
#314fed rgb(49,79,237)
```
#313fed
```
#313fed rgb(49,63,237)
```
#3331ed
```
#3331ed rgb(51,49,237)
```
#4231ed
```
#4231ed rgb(66,49,237)
```
#5231ed
```
#5231ed rgb(82,49,237)
```

Similar Colors

Text with hexadecimal color #313fed

This text has a font color of #313fed.

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

#313fed background color

This paragraph has a background color of #313fed.

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

#313fed border color

This element has a border color of #313fed.

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

CSS codes

.text {color:#313fed;}

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

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

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

#01020a
```
#01020a rgb(1,2,10)
```
#02041d
```
#02041d rgb(2,4,29)
```
#04072f
```
#04072f rgb(4,7,47)
```
#060a41
```
#060a41 rgb(6,10,65)
```
#070d53
```
#070d53 rgb(7,13,83)
```
#091065
```
#091065 rgb(9,16,101)
```
#0a1277
```
#0a1277 rgb(10,18,119)
```
#0c1589
```
#0c1589 rgb(12,21,137)
```
#0e189b
```
#0e189b rgb(14,24,155)
```
#0f1bad
```
#0f1bad rgb(15,27,173)
```
#111ebf
```
#111ebf rgb(17,30,191)
```
#1220d1
```
#1220d1 rgb(18,32,209)
```
#1423e3
```
#1423e3 rgb(20,35,227)
```

Shade Color Variation

#1f2eeb
```
#1f2eeb rgb(31,46,235)
```
#313fed
```
#313fed rgb(49,63,237)
```
#4350ef
```
#4350ef rgb(67,80,239)
```
#5561f0
```
#5561f0 rgb(85,97,240)
```
#6771f2
```
#6771f2 rgb(103,113,242)
```
#7982f3
```
#7982f3 rgb(121,130,243)
```
#8b93f5
```
#8b93f5 rgb(139,147,245)
```
#9da4f6
```
#9da4f6 rgb(157,164,246)
```
#afb5f8
```
#afb5f8 rgb(175,181,248)
```
#c1c6fa
```
#c1c6fa rgb(193,198,250)
```
#d3d6fb
```
#d3d6fb rgb(211,214,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 #2030fe is the most saturated one.

#878897
```
#878897 rgb(135,136,151)
```
#7f819f
```
#7f819f rgb(127,129,159)
```
#767aa8
```
#767aa8 rgb(118,122,168)
```
#6d72b1
```
#6d72b1 rgb(109,114,177)
```
#656bb9
```
#656bb9 rgb(101,107,185)
```
#5c64c2
```
#5c64c2 rgb(92,100,194)
```
#535ccb
```
#535ccb rgb(83,92,203)
```
#4b55d3
```
#4b55d3 rgb(75,85,211)
```
#424edc
```
#424edc rgb(66,78,220)
```
#3a46e4
```
#3a46e4 rgb(58,70,228)
```
#313fed
```
#313fed rgb(49,63,237)
```
#2838f6
```
#2838f6 rgb(40,56,246)
```
#2030fe
```
#2030fe rgb(32,48,254)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#494c6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060ba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1154cd Protanomaly 1% of men, 0.01% of women
#1157bd Deuteranomaly 6% of men, 0.4% of women
#115c9e Tritanomaly 0.01% of the population

#313fed hex color

#313fed Color Information

#313fed Color Conversion

Color Schemes with #313fed

Alternatives to #313fed

#313fed Preview

Shades and Tints of #313fed

Tones of #313fed

Color Blindness Simulator