#3156fc hex color

In a RGB color space, hex #3156fc is composed of 19.2% red, 33.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 65.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 229.1 degrees, a saturation of 97.1% and a lightness of 59%. #3156fc color hex could be obtained by blending #62acff with #0000f9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 34
- B 99
RGB color chart
- C 81
- M 66
- Y 0
- K 1
CMYK color chart

● #3156fc color description : Bright blue.

The hexadecimal color #3156fc has RGB values of R:49, G:86, B:252 and CMYK values of C:0.81, M:0.66, Y:0, K:0.01. Its decimal value is 3233532.

Hex triplet	3156fc	`#3156fc`
RGB Decimal	49, 86, 252	`rgb(49,86,252)`
RGB Percent	19.2, 33.7, 98.8	`rgb(19.2%,33.7%,98.8%)`
CMYK	81, 66, 0, 1
HSL	229.1°, 97.1, 59	`hsl(229.1,97.1%,59%)`
HSV (or HSB)	229.1°, 80.6, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.71, 46.064, -85.555
XYZ	22.161, 14.335, 93.689
xyY	0.17, 0.11, 14.335
CIE-LCH	44.71, 97.168, 298.299
CIE-LUV	44.71, -15.573, -127.517
Hunter-Lab	37.862, 38.222, -120.21
Binary	00110001, 01010110, 11111100

#3156fc
```
#3156fc rgb(49,86,252)
```
#fcd731
```
#fcd731 rgb(252,215,49)
```

Complementary Color

#31bcfc
```
#31bcfc rgb(49,188,252)
```
#3156fc
```
#3156fc rgb(49,86,252)
```
#7231fc
```
#7231fc rgb(114,49,252)
```

Analogous Color

#bcfc31
```
#bcfc31 rgb(188,252,49)
```
#3156fc
```
#3156fc rgb(49,86,252)
```
#fc7231
```
#fc7231 rgb(252,114,49)
```

Split Complementary Color

#56fc31
```
#56fc31 rgb(86,252,49)
```
#3156fc
```
#3156fc rgb(49,86,252)
```
#fc3156
```
#fc3156 rgb(252,49,86)
```

Triadic Color

#31fcd7
```
#31fcd7 rgb(49,252,215)
```
#3156fc
```
#3156fc rgb(49,86,252)
```
#fc3156
```
#fc3156 rgb(252,49,86)
```
#fcd731
```
#fcd731 rgb(252,215,49)
```

Tetradic Color

#032bdd
```
#032bdd rgb(3,43,221)
```
#0430f6
```
#0430f6 rgb(4,48,246)
```
#1841fc
```
#1841fc rgb(24,65,252)
```
#3156fc
```
#3156fc rgb(49,86,252)
```
#4a6bfc
```
#4a6bfc rgb(74,107,252)
```
#637ffd
```
#637ffd rgb(99,127,253)
```
#7c94fd
```
#7c94fd rgb(124,148,253)
```

Monochromatic Color

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

#3189fc
```
#3189fc rgb(49,137,252)
```
#3178fc
```
#3178fc rgb(49,120,252)
```
#3167fc
```
#3167fc rgb(49,103,252)
```
#3156fc
```
#3156fc rgb(49,86,252)
```
#3145fc
```
#3145fc rgb(49,69,252)
```
#3134fc
```
#3134fc rgb(49,52,252)
```
#3f31fc
```
#3f31fc rgb(63,49,252)
```

Similar Colors

Text with hexadecimal color #3156fc

This text has a font color of #3156fc.

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

#3156fc background color

This paragraph has a background color of #3156fc.

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

#3156fc border color

This element has a border color of #3156fc.

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

CSS codes

.text {color:#3156fc;}

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

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

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

#000107
```
#000107 rgb(0,1,7)
```
#00051a
```
#00051a rgb(0,5,26)
```
#01092d
```
#01092d rgb(1,9,45)
```
#010d41
```
#010d41 rgb(1,13,65)
```
#011054
```
#011054 rgb(1,16,84)
```
#021467
```
#021467 rgb(2,20,103)
```
#02187b
```
#02187b rgb(2,24,123)
```
#021c8e
```
#021c8e rgb(2,28,142)
```
#021fa1
```
#021fa1 rgb(2,31,161)
```
#0323b5
```
#0323b5 rgb(3,35,181)
```
#0327c8
```
#0327c8 rgb(3,39,200)
```
#032bdb
```
#032bdb rgb(3,43,219)
```
#032eef
```
#032eef rgb(3,46,239)
```

Shade Color Variation

#0a36fb
```
#0a36fb rgb(10,54,251)
```
#1e46fc
```
#1e46fc rgb(30,70,252)
```
#3156fc
```
#3156fc rgb(49,86,252)
```
#4466fc
```
#4466fc rgb(68,102,252)
```
#5876fd
```
#5876fd rgb(88,118,253)
```
#6b86fd
```
#6b86fd rgb(107,134,253)
```
#7e95fd
```
#7e95fd rgb(126,149,253)
```
#92a5fd
```
#92a5fd rgb(146,165,253)
```
#a5b5fe
```
#a5b5fe rgb(165,181,254)
```
#b8c5fe
```
#b8c5fe rgb(184,197,254)
```
#ccd5fe
```
#ccd5fe rgb(204,213,254)
```
#dfe5ff
```
#dfe5ff rgb(223,229,255)
```
#f2f5ff
```
#f2f5ff rgb(242,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91939c is the less saturated color, while #3156fc is the most saturated one.

#91939c
```
#91939c rgb(145,147,156)
```
#898ea4
```
#898ea4 rgb(137,142,164)
```
#8189ac
```
#8189ac rgb(129,137,172)
```
#7984b4
```
#7984b4 rgb(121,132,180)
```
#717fbc
```
#717fbc rgb(113,127,188)
```
#697ac4
```
#697ac4 rgb(105,122,196)
```
#6175cc
```
#6175cc rgb(97,117,204)
```
#5970d4
```
#5970d4 rgb(89,112,212)
```
#516adc
```
#516adc rgb(81,106,220)
```
#4965e4
```
#4965e4 rgb(73,101,228)
```
#4160ec
```
#4160ec rgb(65,96,236)
```
#395bf4
```
#395bf4 rgb(57,91,244)
```
#3156fc
```
#3156fc rgb(49,86,252)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#555c7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1165e4 Protanomaly 1% of men, 0.01% of women
#1169d2 Deuteranomaly 6% of men, 0.4% of women
#116eaf Tritanomaly 0.01% of the population

#3156fc hex color

#3156fc Color Information

#3156fc Color Conversion

Color Schemes with #3156fc

Alternatives to #3156fc

#3156fc Preview

Shades and Tints of #3156fc

Tones of #3156fc

Color Blindness Simulator