#3150ef hex color

In a RGB color space, hex #3150ef is composed of 19.2% red, 31.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 66.5% magenta, 0% yellow and 6.3% black. It has a hue angle of 230.2 degrees, a saturation of 85.6% and a lightness of 56.5%. #3150ef color hex could be obtained by blending #62a0ff with #0000df. Closest websafe color is: #3366ff.

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

● #3150ef color description : Bright blue.

The hexadecimal color #3150ef has RGB values of R:49, G:80, B:239 and CMYK values of C:0.79, M:0.67, Y:0, K:0.06. Its decimal value is 3231983.

Hex triplet	3150ef	`#3150ef`
RGB Decimal	49, 80, 239	`rgb(49,80,239)`
RGB Percent	19.2, 31.4, 93.7	`rgb(19.2%,31.4%,93.7%)`
CMYK	79, 67, 0, 6
HSL	230.2°, 85.6, 56.5	`hsl(230.2,85.6%,56.5%)`
HSV (or HSB)	230.2°, 79.5, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.186, 45.158, -82.417
XYZ	19.712, 12.621, 83.054
xyY	0.171, 0.109, 12.621
CIE-LCH	42.186, 93.978, 298.719
CIE-LUV	42.186, -14.123, -120.888
Hunter-Lab	35.526, 36.873, -113.742
Binary	00110001, 01010000, 11101111

#3150ef
```
#3150ef rgb(49,80,239)
```
#efd031
```
#efd031 rgb(239,208,49)
```

Complementary Color

#31afef
```
#31afef rgb(49,175,239)
```
#3150ef
```
#3150ef rgb(49,80,239)
```
#7131ef
```
#7131ef rgb(113,49,239)
```

Analogous Color

#afef31
```
#afef31 rgb(175,239,49)
```
#3150ef
```
#3150ef rgb(49,80,239)
```
#ef7131
```
#ef7131 rgb(239,113,49)
```

Split Complementary Color

#50ef31
```
#50ef31 rgb(80,239,49)
```
#3150ef
```
#3150ef rgb(49,80,239)
```
#ef3150
```
#ef3150 rgb(239,49,80)
```

Triadic Color

#31efd0
```
#31efd0 rgb(49,239,208)
```
#3150ef
```
#3150ef rgb(49,80,239)
```
#ef3150
```
#ef3150 rgb(239,49,80)
```
#efd031
```
#efd031 rgb(239,208,49)
```

Tetradic Color

#0f2dc4
```
#0f2dc4 rgb(15,45,196)
```
#1132dc
```
#1132dc rgb(17,50,220)
```
#193ced
```
#193ced rgb(25,60,237)
```
#3150ef
```
#3150ef rgb(49,80,239)
```
#4964f1
```
#4964f1 rgb(73,100,241)
```
#6078f3
```
#6078f3 rgb(96,120,243)
```
#788cf5
```
#788cf5 rgb(120,140,245)
```

Monochromatic Color

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

#3180ef
```
#3180ef rgb(49,128,239)
```
#3170ef
```
#3170ef rgb(49,112,239)
```
#3160ef
```
#3160ef rgb(49,96,239)
```
#3150ef
```
#3150ef rgb(49,80,239)
```
#3140ef
```
#3140ef rgb(49,64,239)
```
#3231ef
```
#3231ef rgb(50,49,239)
```
#4231ef
```
#4231ef rgb(66,49,239)
```

Similar Colors

Text with hexadecimal color #3150ef

This text has a font color of #3150ef.

<span style="color:#3150ef;">Text here</span>

#3150ef background color

This paragraph has a background color of #3150ef.

<p style="background-color:#3150ef;">Content here</p>

#3150ef border color

This element has a border color of #3150ef.

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

CSS codes

.text {color:#3150ef;}

.background {background-color:#3150ef;}

.border {border:1px solid #3150ef;}

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

#01030c
```
#01030c rgb(1,3,12)
```
#02071f
```
#02071f rgb(2,7,31)
```
#040b31
```
#040b31 rgb(4,11,49)
```
#050f43
```
#050f43 rgb(5,15,67)
```
#071355
```
#071355 rgb(7,19,85)
```
#081867
```
#081867 rgb(8,24,103)
```
#091c7a
```
#091c7a rgb(9,28,122)
```
#0b208c
```
#0b208c rgb(11,32,140)
```
#0c249e
```
#0c249e rgb(12,36,158)
```
#0e28b0
```
#0e28b0 rgb(14,40,176)
```
#0f2cc2
```
#0f2cc2 rgb(15,44,194)
```
#1131d5
```
#1131d5 rgb(17,49,213)
```
#1235e7
```
#1235e7 rgb(18,53,231)
```

Shade Color Variation

#1f41ee
```
#1f41ee rgb(31,65,238)
```
#3150ef
```
#3150ef rgb(49,80,239)
```
#435ff0
```
#435ff0 rgb(67,95,240)
```
#556ff2
```
#556ff2 rgb(85,111,242)
```
#687ef3
```
#687ef3 rgb(104,126,243)
```
#7a8ef5
```
#7a8ef5 rgb(122,142,245)
```
#8c9df6
```
#8c9df6 rgb(140,157,246)
```
#9eadf7
```
#9eadf7 rgb(158,173,247)
```
#b0bcf9
```
#b0bcf9 rgb(176,188,249)
```
#c3ccfa
```
#c3ccfa rgb(195,204,250)
```
#d5dbfc
```
#d5dbfc rgb(213,219,252)
```
#e7ebfd
```
#e7ebfd rgb(231,235,253)
```
#f9faff
```
#f9faff rgb(249,250,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 #284af8 is the most saturated one.

#8f8f91
```
#8f8f91 rgb(143,143,145)
```
#868a9a
```
#868a9a rgb(134,138,154)
```
#7e84a2
```
#7e84a2 rgb(126,132,162)
```
#757eab
```
#757eab rgb(117,126,171)
```
#6d78b3
```
#6d78b3 rgb(109,120,179)
```
#6473bc
```
#6473bc rgb(100,115,188)
```
#5c6dc4
```
#5c6dc4 rgb(92,109,196)
```
#5367cd
```
#5367cd rgb(83,103,205)
```
#4b61d5
```
#4b61d5 rgb(75,97,213)
```
#425cde
```
#425cde rgb(66,92,222)
```
#3a56e6
```
#3a56e6 rgb(58,86,230)
```
#3150ef
```
#3150ef rgb(49,80,239)
```
#284af8
```
#284af8 rgb(40,74,248)
```

Tone Color Variation

Below, you can see how #3150ef 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

#595959 Achromatopsia 0.005% of the population
#515777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb0 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#115fd8 Protanomaly 1% of men, 0.01% of women
#1163c7 Deuteranomaly 6% of men, 0.4% of women
#1168a6 Tritanomaly 0.01% of the population

#3150ef hex color

#3150ef Color Information

#3150ef Color Conversion

Color Schemes with #3150ef

Alternatives to #3150ef

#3150ef Preview

Shades and Tints of #3150ef

Tones of #3150ef

Color Blindness Simulator