#3155f7 hex color

In a RGB color space, hex #3155f7 is composed of 19.2% red, 33.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 65.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 229.1 degrees, a saturation of 92.5% and a lightness of 58%. #3155f7 color hex could be obtained by blending #62aaff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 33
- B 97
RGB color chart
- C 80
- M 66
- Y 0
- K 3
CMYK color chart

● #3155f7 color description : Bright blue.

The hexadecimal color #3155f7 has RGB values of R:49, G:85, B:247 and CMYK values of C:0.8, M:0.66, Y:0, K:0.03. Its decimal value is 3233271.

Hex triplet	3155f7	`#3155f7`
RGB Decimal	49, 85, 247	`rgb(49,85,247)`
RGB Percent	19.2, 33.3, 96.9	`rgb(19.2%,33.3%,96.9%)`
CMYK	80, 66, 0, 3
HSL	229.1°, 92.5, 58	`hsl(229.1,92.5%,58%)`
HSV (or HSB)	229.1°, 80.2, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.037, 44.925, -83.867
XYZ	21.3, 13.864, 89.544
xyY	0.171, 0.111, 13.864
CIE-LCH	44.037, 95.142, 298.176
CIE-LUV	44.037, -15.295, -124.646
Hunter-Lab	37.234, 36.953, -116.522
Binary	00110001, 01010101, 11110111

#3155f7
```
#3155f7 rgb(49,85,247)
```
#f7d331
```
#f7d331 rgb(247,211,49)
```

Complementary Color

#31b8f7
```
#31b8f7 rgb(49,184,247)
```
#3155f7
```
#3155f7 rgb(49,85,247)
```
#7031f7
```
#7031f7 rgb(112,49,247)
```

Analogous Color

#b8f731
```
#b8f731 rgb(184,247,49)
```
#3155f7
```
#3155f7 rgb(49,85,247)
```
#f77031
```
#f77031 rgb(247,112,49)
```

Split Complementary Color

#55f731
```
#55f731 rgb(85,247,49)
```
#3155f7
```
#3155f7 rgb(49,85,247)
```
#f73155
```
#f73155 rgb(247,49,85)
```

Triadic Color

#31f7d3
```
#31f7d3 rgb(49,247,211)
```
#3155f7
```
#3155f7 rgb(49,85,247)
```
#f73155
```
#f73155 rgb(247,49,85)
```
#f7d331
```
#f7d331 rgb(247,211,49)
```

Tetradic Color

#082dd3
```
#082dd3 rgb(8,45,211)
```
#0932ec
```
#0932ec rgb(9,50,236)
```
#1841f6
```
#1841f6 rgb(24,65,246)
```
#3155f7
```
#3155f7 rgb(49,85,247)
```
#4a69f8
```
#4a69f8 rgb(74,105,248)
```
#627ef9
```
#627ef9 rgb(98,126,249)
```
#7b92fa
```
#7b92fa rgb(123,146,250)
```

Monochromatic Color

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

#3187f7
```
#3187f7 rgb(49,135,247)
```
#3176f7
```
#3176f7 rgb(49,118,247)
```
#3166f7
```
#3166f7 rgb(49,102,247)
```
#3155f7
```
#3155f7 rgb(49,85,247)
```
#3145f7
```
#3145f7 rgb(49,69,247)
```
#3134f7
```
#3134f7 rgb(49,52,247)
```
#3e31f7
```
#3e31f7 rgb(62,49,247)
```

Similar Colors

Text with hexadecimal color #3155f7

This text has a font color of #3155f7.

<span style="color:#3155f7;">Text here</span>

#3155f7 background color

This paragraph has a background color of #3155f7.

<p style="background-color:#3155f7;">Content here</p>

#3155f7 border color

This element has a border color of #3155f7.

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

CSS codes

.text {color:#3155f7;}

.background {background-color:#3155f7;}

.border {border:1px solid #3155f7;}

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

#000002
```
#000002 rgb(0,0,2)
```
#010415
```
#010415 rgb(1,4,21)
```
#020827
```
#020827 rgb(2,8,39)
```
#020c3a
```
#020c3a rgb(2,12,58)
```
#03104d
```
#03104d rgb(3,16,77)
```
#041560
```
#041560 rgb(4,21,96)
```
#041973
```
#041973 rgb(4,25,115)
```
#051d86
```
#051d86 rgb(5,29,134)
```
#062199
```
#062199 rgb(6,33,153)
```
#0725ac
```
#0725ac rgb(7,37,172)
```
#0729bf
```
#0729bf rgb(7,41,191)
```
#082dd1
```
#082dd1 rgb(8,45,209)
```
#0931e4
```
#0931e4 rgb(9,49,228)
```

Shade Color Variation

#0b36f6
```
#0b36f6 rgb(11,54,246)
```
#1e45f6
```
#1e45f6 rgb(30,69,246)
```
#3155f7
```
#3155f7 rgb(49,85,247)
```
#4465f8
```
#4465f8 rgb(68,101,248)
```
#5774f8
```
#5774f8 rgb(87,116,248)
```
#6a84f9
```
#6a84f9 rgb(106,132,249)
```
#7d93fa
```
#7d93fa rgb(125,147,250)
```
#8fa3fb
```
#8fa3fb rgb(143,163,251)
```
#a2b2fb
```
#a2b2fb rgb(162,178,251)
```
#b5c2fc
```
#b5c2fc rgb(181,194,252)
```
#c8d2fd
```
#c8d2fd rgb(200,210,253)
```
#dbe1fe
```
#dbe1fe rgb(219,225,254)
```
#eef1fe
```
#eef1fe rgb(238,241,254)
```

Tint Color Variation

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

#949494
```
#949494 rgb(148,148,148)
```
#8c8f9c
```
#8c8f9c rgb(140,143,156)
```
#8389a5
```
#8389a5 rgb(131,137,165)
```
#7b84ad
```
#7b84ad rgb(123,132,173)
```
#737fb5
```
#737fb5 rgb(115,127,181)
```
#6b7abd
```
#6b7abd rgb(107,122,189)
```
#6274c6
```
#6274c6 rgb(98,116,198)
```
#5a6fce
```
#5a6fce rgb(90,111,206)
```
#526ad6
```
#526ad6 rgb(82,106,214)
```
#4a65de
```
#4a65de rgb(74,101,222)
```
#415fe7
```
#415fe7 rgb(65,95,231)
```
#395aef
```
#395aef rgb(57,90,239)
```
#3155f7
```
#3155f7 rgb(49,85,247)
```

Tone Color Variation

Below, you can see how #3155f7 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

#5d5d5d Achromatopsia 0.005% of the population
#545b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#1164e0 Protanomaly 1% of men, 0.01% of women
#1168ce Deuteranomaly 6% of men, 0.4% of women
#116dac Tritanomaly 0.01% of the population

#3155f7 hex color

#3155f7 Color Information

#3155f7 Color Conversion

Color Schemes with #3155f7

Alternatives to #3155f7

#3155f7 Preview

Shades and Tints of #3155f7

Tones of #3155f7

Color Blindness Simulator