#3156ea hex color

In a RGB color space, hex #3156ea is composed of 19.2% red, 33.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 63.2% magenta, 0% yellow and 8.2% black. It has a hue angle of 228 degrees, a saturation of 81.5% and a lightness of 55.5%. #3156ea color hex could be obtained by blending #62acff with #0000d5. Closest websafe color is: #3366ff.

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

● #3156ea color description : Bright blue.

The hexadecimal color #3156ea has RGB values of R:49, G:86, B:234 and CMYK values of C:0.79, M:0.63, Y:0, K:0.08. Its decimal value is 3233514.

Hex triplet	3156ea	`#3156ea`
RGB Decimal	49, 86, 234	`rgb(49,86,234)`
RGB Percent	19.2, 33.7, 91.8	`rgb(19.2%,33.7%,91.8%)`
CMYK	79, 63, 0, 8
HSL	228°, 81.5, 55.5	`hsl(228,81.5%,55.5%)`
HSV (or HSB)	228°, 79.1, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.134, 39.718, -78.04
XYZ	19.443, 13.248, 79.37
xyY	0.174, 0.118, 13.248
CIE-LCH	43.134, 87.566, 296.974
CIE-LUV	43.134, -15.359, -116.086
Hunter-Lab	36.397, 31.655, -103.812
Binary	00110001, 01010110, 11101010

#3156ea
```
#3156ea rgb(49,86,234)
```
#eac531
```
#eac531 rgb(234,197,49)
```

Complementary Color

#31b3ea
```
#31b3ea rgb(49,179,234)
```
#3156ea
```
#3156ea rgb(49,86,234)
```
#6931ea
```
#6931ea rgb(105,49,234)
```

Analogous Color

#b3ea31
```
#b3ea31 rgb(179,234,49)
```
#3156ea
```
#3156ea rgb(49,86,234)
```
#ea6931
```
#ea6931 rgb(234,105,49)
```

Split Complementary Color

#56ea31
```
#56ea31 rgb(86,234,49)
```
#3156ea
```
#3156ea rgb(49,86,234)
```
#ea3156
```
#ea3156 rgb(234,49,86)
```

Triadic Color

#31eac5
```
#31eac5 rgb(49,234,197)
```
#3156ea
```
#3156ea rgb(49,86,234)
```
#ea3156
```
#ea3156 rgb(234,49,86)
```
#eac531
```
#eac531 rgb(234,197,49)
```

Tetradic Color

#1335bb
```
#1335bb rgb(19,53,187)
```
#153bd3
```
#153bd3 rgb(21,59,211)
```
#1a43e8
```
#1a43e8 rgb(26,67,232)
```
#3156ea
```
#3156ea rgb(49,86,234)
```
#4869ec
```
#4869ec rgb(72,105,236)
```
#5f7cef
```
#5f7cef rgb(95,124,239)
```
#768ff1
```
#768ff1 rgb(118,143,241)
```

Monochromatic Color

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

#3184ea
```
#3184ea rgb(49,132,234)
```
#3175ea
```
#3175ea rgb(49,117,234)
```
#3165ea
```
#3165ea rgb(49,101,234)
```
#3156ea
```
#3156ea rgb(49,86,234)
```
#3147ea
```
#3147ea rgb(49,71,234)
```
#3137ea
```
#3137ea rgb(49,55,234)
```
#3a31ea
```
#3a31ea rgb(58,49,234)
```

Similar Colors

Text with hexadecimal color #3156ea

This text has a font color of #3156ea.

<span style="color:#3156ea;">Text here</span>

#3156ea background color

This paragraph has a background color of #3156ea.

<p style="background-color:#3156ea;">Content here</p>

#3156ea border color

This element has a border color of #3156ea.

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

CSS codes

.text {color:#3156ea;}

.background {background-color:#3156ea;}

.border {border:1px solid #3156ea;}

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

#010208
```
#010208 rgb(1,2,8)
```
#030719
```
#030719 rgb(3,7,25)
```
#040c2b
```
#040c2b rgb(4,12,43)
```
#06113d
```
#06113d rgb(6,17,61)
```
#08164f
```
#08164f rgb(8,22,79)
```
#0a1b61
```
#0a1b61 rgb(10,27,97)
```
#0c2072
```
#0c2072 rgb(12,32,114)
```
#0d2584
```
#0d2584 rgb(13,37,132)
```
#0f2a96
```
#0f2a96 rgb(15,42,150)
```
#112fa8
```
#112fa8 rgb(17,47,168)
```
#1334ba
```
#1334ba rgb(19,52,186)
```
#1539cb
```
#1539cb rgb(21,57,203)
```
#173edd
```
#173edd rgb(23,62,221)
```

Shade Color Variation

#1f47e8
```
#1f47e8 rgb(31,71,232)
```
#3156ea
```
#3156ea rgb(49,86,234)
```
#4365ec
```
#4365ec rgb(67,101,236)
```
#5573ee
```
#5573ee rgb(85,115,238)
```
#6682ef
```
#6682ef rgb(102,130,239)
```
#7890f1
```
#7890f1 rgb(120,144,241)
```
#8a9ff3
```
#8a9ff3 rgb(138,159,243)
```
#9caef5
```
#9caef5 rgb(156,174,245)
```
#aebcf7
```
#aebcf7 rgb(174,188,247)
```
#bfcbf9
```
#bfcbf9 rgb(191,203,249)
```
#d1d9fa
```
#d1d9fa rgb(209,217,250)
```
#e3e8fc
```
#e3e8fc rgb(227,232,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888a93 is the less saturated color, while #204cfb is the most saturated one.

#888a93
```
#888a93 rgb(136,138,147)
```
#80859b
```
#80859b rgb(128,133,155)
```
#7780a4
```
#7780a4 rgb(119,128,164)
```
#6e7bad
```
#6e7bad rgb(110,123,173)
```
#6575b6
```
#6575b6 rgb(101,117,182)
```
#5d70be
```
#5d70be rgb(93,112,190)
```
#546bc7
```
#546bc7 rgb(84,107,199)
```
#4b66d0
```
#4b66d0 rgb(75,102,208)
```
#4260d9
```
#4260d9 rgb(66,96,217)
```
#3a5be1
```
#3a5be1 rgb(58,91,225)
```
#3156ea
```
#3156ea rgb(49,86,234)
```
#2851f3
```
#2851f3 rgb(40,81,243)
```
#204cfb
```
#204cfb rgb(32,76,251)
```

Tone Color Variation

Below, you can see how #3156ea 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

#5c5c5c Achromatopsia 0.005% of the population
#535b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b5 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#1163d9 Protanomaly 1% of men, 0.01% of women
#1166c8 Deuteranomaly 6% of men, 0.4% of women
#116ca6 Tritanomaly 0.01% of the population

#3156ea hex color

#3156ea Color Information

#3156ea Color Conversion

Color Schemes with #3156ea

Alternatives to #3156ea

#3156ea Preview

Shades and Tints of #3156ea

Tones of #3156ea

Color Blindness Simulator