#313de7 hex color

In a RGB color space, hex #313de7 is composed of 19.2% red, 23.9% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 73.6% magenta, 0% yellow and 9.4% black. It has a hue angle of 236 degrees, a saturation of 79.1% and a lightness of 54.9%. #313de7 color hex could be obtained by blending #627aff with #0000cf. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 24
- B 91
RGB color chart
- C 79
- M 74
- Y 0
- K 9
CMYK color chart

● #313de7 color description : Bright blue.

The hexadecimal color #313de7 has RGB values of R:49, G:61, B:231 and CMYK values of C:0.79, M:0.74, Y:0, K:0.09. Its decimal value is 3227111.

Hex triplet	313de7	`#313de7`
RGB Decimal	49, 61, 231	`rgb(49,61,231)`
RGB Percent	19.2, 23.9, 90.6	`rgb(19.2%,23.9%,90.6%)`
CMYK	79, 74, 0, 9
HSL	236°, 79.1, 54.9	`hsl(236,79.1%,54.9%)`
HSV (or HSB)	236°, 78.8, 90.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.406, 53.469, -85.771
XYZ	17.356, 9.759, 76.566
xyY	0.167, 0.094, 9.759
CIE-LCH	37.406, 101.072, 301.939
CIE-LUV	37.406, -10.397, -119.187
Hunter-Lab	31.239, 44.505, -123.45
Binary	00110001, 00111101, 11100111

#313de7
```
#313de7 rgb(49,61,231)
```
#e7db31
```
#e7db31 rgb(231,219,49)
```

Complementary Color

#3198e7
```
#3198e7 rgb(49,152,231)
```
#313de7
```
#313de7 rgb(49,61,231)
```
#8031e7
```
#8031e7 rgb(128,49,231)
```

Analogous Color

#98e731
```
#98e731 rgb(152,231,49)
```
#313de7
```
#313de7 rgb(49,61,231)
```
#e78031
```
#e78031 rgb(231,128,49)
```

Split Complementary Color

#3de731
```
#3de731 rgb(61,231,49)
```
#313de7
```
#313de7 rgb(49,61,231)
```
#e7313d
```
#e7313d rgb(231,49,61)
```

Triadic Color

#31e7db
```
#31e7db rgb(49,231,219)
```
#313de7
```
#313de7 rgb(49,61,231)
```
#e7313d
```
#e7313d rgb(231,49,61)
```
#e7db31
```
#e7db31 rgb(231,219,49)
```

Tetradic Color

#1520b6
```
#1520b6 rgb(21,32,182)
```
#1824cd
```
#1824cd rgb(24,36,205)
```
#1b28e4
```
#1b28e4 rgb(27,40,228)
```
#313de7
```
#313de7 rgb(49,61,231)
```
#4853ea
```
#4853ea rgb(72,83,234)
```
#5f68ec
```
#5f68ec rgb(95,104,236)
```
#767eef
```
#767eef rgb(118,126,239)
```

Monochromatic Color

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

#316be7
```
#316be7 rgb(49,107,231)
```
#315be7
```
#315be7 rgb(49,91,231)
```
#314ce7
```
#314ce7 rgb(49,76,231)
```
#313de7
```
#313de7 rgb(49,61,231)
```
#3431e7
```
#3431e7 rgb(52,49,231)
```
#4331e7
```
#4331e7 rgb(67,49,231)
```
#5231e7
```
#5231e7 rgb(82,49,231)
```

Similar Colors

Text with hexadecimal color #313de7

This text has a font color of #313de7.

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

#313de7 background color

This paragraph has a background color of #313de7.

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

#313de7 border color

This element has a border color of #313de7.

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

CSS codes

.text {color:#313de7;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#030416
```
#030416 rgb(3,4,22)
```
#050728
```
#050728 rgb(5,7,40)
```
#070a3a
```
#070a3a rgb(7,10,58)
```
#090d4b
```
#090d4b rgb(9,13,75)
```
#0b105d
```
#0b105d rgb(11,16,93)
```
#0d136e
```
#0d136e rgb(13,19,110)
```
#0f1680
```
#0f1680 rgb(15,22,128)
```
#111991
```
#111991 rgb(17,25,145)
```
#131ca3
```
#131ca3 rgb(19,28,163)
```
#1520b5
```
#1520b5 rgb(21,32,181)
```
#1723c6
```
#1723c6 rgb(23,35,198)
```
#1926d8
```
#1926d8 rgb(25,38,216)
```

Shade Color Variation

#1f2ce5
```
#1f2ce5 rgb(31,44,229)
```
#313de7
```
#313de7 rgb(49,61,231)
```
#434ee9
```
#434ee9 rgb(67,78,233)
```
#545eeb
```
#545eeb rgb(84,94,235)
```
#666fed
```
#666fed rgb(102,111,237)
```
#777fef
```
#777fef rgb(119,127,239)
```
#8990f1
```
#8990f1 rgb(137,144,241)
```
#9aa0f3
```
#9aa0f3 rgb(154,160,243)
```
#acb1f5
```
#acb1f5 rgb(172,177,245)
```
#bec1f7
```
#bec1f7 rgb(190,193,247)
```
#cfd2f9
```
#cfd2f9 rgb(207,210,249)
```
#e1e2fb
```
#e1e2fb rgb(225,226,251)
```
#f2f3fe
```
#f2f3fe rgb(242,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898a8f is the less saturated color, while #1f2ef9 is the most saturated one.

#898a8f
```
#898a8f rgb(137,138,143)
```
#818297
```
#818297 rgb(129,130,151)
```
#787aa0
```
#787aa0 rgb(120,122,160)
```
#6f73a9
```
#6f73a9 rgb(111,115,169)
```
#666bb2
```
#666bb2 rgb(102,107,178)
```
#5d63bb
```
#5d63bb rgb(93,99,187)
```
#545cc4
```
#545cc4 rgb(84,92,196)
```
#4c54cc
```
#4c54cc rgb(76,84,204)
```
#434cd5
```
#434cd5 rgb(67,76,213)
```
#3a45de
```
#3a45de rgb(58,69,222)
```
#313de7
```
#313de7 rgb(49,61,231)
```
#2835f0
```
#2835f0 rgb(40,53,240)
```
#1f2ef9
```
#1f2ef9 rgb(31,46,249)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474a6c Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1151c8 Protanomaly 1% of men, 0.01% of women
#1155b8 Deuteranomaly 6% of men, 0.4% of women
#11599a Tritanomaly 0.01% of the population

#313de7 hex color

#313de7 Color Information

#313de7 Color Conversion

Color Schemes with #313de7

Alternatives to #313de7

#313de7 Preview

Shades and Tints of #313de7

Tones of #313de7

Color Blindness Simulator