#312de9 hex color

In a RGB color space, hex #312de9 is composed of 19.2% red, 17.6% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 80.7% magenta, 0% yellow and 8.6% black. It has a hue angle of 241.3 degrees, a saturation of 81% and a lightness of 54.5%. #312de9 color hex could be obtained by blending #625aff with #0000d3. Closest websafe color is: #3333ff.

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

● #312de9 color description : Bright blue.

The hexadecimal color #312de9 has RGB values of R:49, G:45, B:233 and CMYK values of C:0.79, M:0.81, Y:0, K:0.09. Its decimal value is 3223017.

Hex triplet	312de9	`#312de9`
RGB Decimal	49, 45, 233	`rgb(49,45,233)`
RGB Percent	19.2, 17.6, 91.4	`rgb(19.2%,17.6%,91.4%)`
CMYK	79, 81, 0, 9
HSL	241.3°, 81, 54.5	`hsl(241.3,81%,54.5%)`
HSV (or HSB)	241.3°, 80.7, 91.4
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.826, 62.137, -91.184
XYZ	16.91, 8.412, 77.819
xyY	0.164, 0.082, 8.412
CIE-LCH	34.826, 110.343, 304.272
CIE-LUV	34.826, -8.242, -121.009
Hunter-Lab	29.003, 53.318, -138.78
Binary	00110001, 00101101, 11101001

#312de9
```
#312de9 rgb(49,45,233)
```
#e5e92d
```
#e5e92d rgb(229,233,45)
```

Complementary Color

#2d87e9
```
#2d87e9 rgb(45,135,233)
```
#312de9
```
#312de9 rgb(49,45,233)
```
#8f2de9
```
#8f2de9 rgb(143,45,233)
```

Analogous Color

#87e92d
```
#87e92d rgb(135,233,45)
```
#312de9
```
#312de9 rgb(49,45,233)
```
#e98f2d
```
#e98f2d rgb(233,143,45)
```

Split Complementary Color

#2de931
```
#2de931 rgb(45,233,49)
```
#312de9
```
#312de9 rgb(49,45,233)
```
#e9312d
```
#e9312d rgb(233,49,45)
```

Triadic Color

#2de5e9
```
#2de5e9 rgb(45,229,233)
```
#312de9
```
#312de9 rgb(49,45,233)
```
#e9312d
```
#e9312d rgb(233,49,45)
```
#e5e92d
```
#e5e92d rgb(229,233,45)
```

Tetradic Color

#1713b6
```
#1713b6 rgb(23,19,182)
```
#1916cd
```
#1916cd rgb(25,22,205)
```
#1c18e5
```
#1c18e5 rgb(28,24,229)
```
#312de9
```
#312de9 rgb(49,45,233)
```
#4844eb
```
#4844eb rgb(72,68,235)
```
#5e5bee
```
#5e5bee rgb(94,91,238)
```
#7572f0
```
#7572f0 rgb(117,114,240)
```

Monochromatic Color

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

#2d58e9
```
#2d58e9 rgb(45,88,233)
```
#2d48e9
```
#2d48e9 rgb(45,72,233)
```
#2d39e9
```
#2d39e9 rgb(45,57,233)
```
#312de9
```
#312de9 rgb(49,45,233)
```
#412de9
```
#412de9 rgb(65,45,233)
```
#502de9
```
#502de9 rgb(80,45,233)
```
#602de9
```
#602de9 rgb(96,45,233)
```

Similar Colors

Text with hexadecimal color #312de9

This text has a font color of #312de9.

<span style="color:#312de9;">Text here</span>

#312de9 background color

This paragraph has a background color of #312de9.

<p style="background-color:#312de9;">Content here</p>

#312de9 border color

This element has a border color of #312de9.

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

CSS codes

.text {color:#312de9;}

.background {background-color:#312de9;}

.border {border:1px solid #312de9;}

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

#000003
```
#000003 rgb(0,0,3)
```
#030215
```
#030215 rgb(3,2,21)
```
#050427
```
#050427 rgb(5,4,39)
```
#070638
```
#070638 rgb(7,6,56)
```
#09084a
```
#09084a rgb(9,8,74)
```
#0b0a5c
```
#0b0a5c rgb(11,10,92)
```
#0e0b6e
```
#0e0b6e rgb(14,11,110)
```
#100d7f
```
#100d7f rgb(16,13,127)
```
#120f91
```
#120f91 rgb(18,15,145)
```
#1411a3
```
#1411a3 rgb(20,17,163)
```
#1613b5
```
#1613b5 rgb(22,19,181)
```
#1915c6
```
#1915c6 rgb(25,21,198)
```
#1b17d8
```
#1b17d8 rgb(27,23,216)
```

Shade Color Variation

#201be7
```
#201be7 rgb(32,27,231)
```
#312de9
```
#312de9 rgb(49,45,233)
```
#423feb
```
#423feb rgb(66,63,235)
```
#5451ed
```
#5451ed rgb(84,81,237)
```
#6562ef
```
#6562ef rgb(101,98,239)
```
#7774f0
```
#7774f0 rgb(119,116,240)
```
#8886f2
```
#8886f2 rgb(136,134,242)
```
#9a98f4
```
#9a98f4 rgb(154,152,244)
```
#aba9f6
```
#aba9f6 rgb(171,169,246)
```
#bcbbf8
```
#bcbbf8 rgb(188,187,248)
```
#cecdfa
```
#cecdfa rgb(206,205,250)
```
#dfdffc
```
#dfdffc rgb(223,223,252)
```
#f1f0fd
```
#f1f0fd rgb(241,240,253)
```

Tint Color Variation

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

#868690
```
#868690 rgb(134,134,144)
```
#7e7d99
```
#7e7d99 rgb(126,125,153)
```
#7574a2
```
#7574a2 rgb(117,116,162)
```
#6d6bab
```
#6d6bab rgb(109,107,171)
```
#6463b3
```
#6463b3 rgb(100,99,179)
```
#5c5abc
```
#5c5abc rgb(92,90,188)
```
#5351c5
```
#5351c5 rgb(83,81,197)
```
#4b48ce
```
#4b48ce rgb(75,72,206)
```
#423fd7
```
#423fd7 rgb(66,63,215)
```
#3a36e0
```
#3a36e0 rgb(58,54,224)
```
#312de9
```
#312de9 rgb(49,45,233)
```
#2824f2
```
#2824f2 rgb(40,36,242)
```
#201bfb
```
#201bfb rgb(32,27,251)
```

Tone Color Variation

Below, you can see how #312de9 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

#444444 Achromatopsia 0.005% of the population
#403f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1148c1 Protanomaly 1% of men, 0.01% of women
#114bb3 Deuteranomaly 6% of men, 0.4% of women
#114f97 Tritanomaly 0.01% of the population

#312de9 hex color

#312de9 Color Information

#312de9 Color Conversion

Color Schemes with #312de9

Alternatives to #312de9

#312de9 Preview

Shades and Tints of #312de9

Tones of #312de9

Color Blindness Simulator