#3156d7 hex color

In a RGB color space, hex #3156d7 is composed of 19.2% red, 33.7% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 60% magenta, 0% yellow and 15.7% black. It has a hue angle of 226.6 degrees, a saturation of 67.5% and a lightness of 51.8%. #3156d7 color hex could be obtained by blending #62acff with #0000af. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 34
- B 84
RGB color chart
- C 77
- M 60
- Y 0
- K 16
CMYK color chart

● #3156d7 color description : Strong blue.

The hexadecimal color #3156d7 has RGB values of R:49, G:86, B:215 and CMYK values of C:0.77, M:0.6, Y:0, K:0.16. Its decimal value is 3233495.

Hex triplet	3156d7	`#3156d7`
RGB Decimal	49, 86, 215	`rgb(49,86,215)`
RGB Percent	19.2, 33.7, 84.3	`rgb(19.2%,33.7%,84.3%)`
CMYK	77, 60, 0, 16
HSL	226.6°, 67.5, 51.8	`hsl(226.6,67.5%,51.8%)`
HSV (or HSB)	226.6°, 77.2, 84.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.554, 32.848, -69.821
XYZ	16.858, 12.214, 65.755
xyY	0.178, 0.129, 12.214
CIE-LCH	41.554, 77.162, 295.195
CIE-LUV	41.554, -15.196, -103.546
Hunter-Lab	34.948, 24.943, -87.091
Binary	00110001, 01010110, 11010111

#3156d7
```
#3156d7 rgb(49,86,215)
```
#d7b231
```
#d7b231 rgb(215,178,49)
```

Complementary Color

#31a9d7
```
#31a9d7 rgb(49,169,215)
```
#3156d7
```
#3156d7 rgb(49,86,215)
```
#5f31d7
```
#5f31d7 rgb(95,49,215)
```

Analogous Color

#a9d731
```
#a9d731 rgb(169,215,49)
```
#3156d7
```
#3156d7 rgb(49,86,215)
```
#d75f31
```
#d75f31 rgb(215,95,49)
```

Split Complementary Color

#56d731
```
#56d731 rgb(86,215,49)
```
#3156d7
```
#3156d7 rgb(49,86,215)
```
#d73156
```
#d73156 rgb(215,49,86)
```

Triadic Color

#31d7b2
```
#31d7b2 rgb(49,215,178)
```
#3156d7
```
#3156d7 rgb(49,86,215)
```
#d73156
```
#d73156 rgb(215,49,86)
```
#d7b231
```
#d7b231 rgb(215,178,49)
```

Tetradic Color

#1e3b9d
```
#1e3b9d rgb(30,59,157)
```
#2343b2
```
#2343b2 rgb(35,67,178)
```
#274bc8
```
#274bc8 rgb(39,75,200)
```
#3156d7
```
#3156d7 rgb(49,86,215)
```
#4668db
```
#4668db rgb(70,104,219)
```
#5c79df
```
#5c79df rgb(92,121,223)
```
#718be3
```
#718be3 rgb(113,139,227)
```

Monochromatic Color

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

#3180d7
```
#3180d7 rgb(49,128,215)
```
#3172d7
```
#3172d7 rgb(49,114,215)
```
#3164d7
```
#3164d7 rgb(49,100,215)
```
#3156d7
```
#3156d7 rgb(49,86,215)
```
#3148d7
```
#3148d7 rgb(49,72,215)
```
#313ad7
```
#313ad7 rgb(49,58,215)
```
#3631d7
```
#3631d7 rgb(54,49,215)
```

Similar Colors

Text with hexadecimal color #3156d7

This text has a font color of #3156d7.

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

#3156d7 background color

This paragraph has a background color of #3156d7.

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

#3156d7 border color

This element has a border color of #3156d7.

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

CSS codes

.text {color:#3156d7;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#050918
```
#050918 rgb(5,9,24)
```
#080f28
```
#080f28 rgb(8,15,40)
```
#0b1539
```
#0b1539 rgb(11,21,57)
```
#0e1b49
```
#0e1b49 rgb(14,27,73)
```
#11225a
```
#11225a rgb(17,34,90)
```
#15286a
```
#15286a rgb(21,40,106)
```
#182e7b
```
#182e7b rgb(24,46,123)
```
#1b348b
```
#1b348b rgb(27,52,139)
```
#1e3a9b
```
#1e3a9b rgb(30,58,155)
```
#2140ac
```
#2140ac rgb(33,64,172)
```
#2546bc
```
#2546bc rgb(37,70,188)
```
#284ccd
```
#284ccd rgb(40,76,205)
```

Shade Color Variation

#3156d7
```
#3156d7 rgb(49,86,215)
```
#4163da
```
#4163da rgb(65,99,218)
```
#5271dd
```
#5271dd rgb(82,113,221)
```
#627ee1
```
#627ee1 rgb(98,126,225)
```
#738ce4
```
#738ce4 rgb(115,140,228)
```
#8399e7
```
#8399e7 rgb(131,153,231)
```
#94a7ea
```
#94a7ea rgb(148,167,234)
```
#a4b4ed
```
#a4b4ed rgb(164,180,237)
```
#b4c2f1
```
#b4c2f1 rgb(180,194,241)
```
#c5cff4
```
#c5cff4 rgb(197,207,244)
```
#d5ddf7
```
#d5ddf7 rgb(213,221,247)
```
#e6eafa
```
#e6eafa rgb(230,234,250)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d808b is the less saturated color, while #0b41fd is the most saturated one.

#7d808b
```
#7d808b rgb(125,128,139)
```
#737b95
```
#737b95 rgb(115,123,149)
```
#6a759e
```
#6a759e rgb(106,117,158)
```
#6070a8
```
#6070a8 rgb(96,112,168)
```
#576bb1
```
#576bb1 rgb(87,107,177)
```
#4d66bb
```
#4d66bb rgb(77,102,187)
```
#4460c4
```
#4460c4 rgb(68,96,196)
```
#3a5bce
```
#3a5bce rgb(58,91,206)
```
#3156d7
```
#3156d7 rgb(49,86,215)
```
#2851e0
```
#2851e0 rgb(40,81,224)
```
#1e4cea
```
#1e4cea rgb(30,76,234)
```
#1546f3
```
#1546f3 rgb(21,70,243)
```
#0b41fd
```
#0b41fd rgb(11,65,253)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#525973 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c9 Protanopia 1% of men
#006caf Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#1160ce Protanomaly 1% of men, 0.01% of women
#1164be Deuteranomaly 6% of men, 0.4% of women
#11699c Tritanomaly 0.01% of the population

#3156d7 hex color

#3156d7 Color Information

#3156d7 Color Conversion

Color Schemes with #3156d7

Alternatives to #3156d7

#3156d7 Preview

Shades and Tints of #3156d7

Tones of #3156d7

Color Blindness Simulator