#3155f2 hex color

In a RGB color space, hex #3155f2 is composed of 19.2% red, 33.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 64.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 228.8 degrees, a saturation of 88.1% and a lightness of 57.1%. #3155f2 color hex could be obtained by blending #62aaff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 33
- B 95
RGB color chart
- C 80
- M 65
- Y 0
- K 5
CMYK color chart

● #3155f2 color description : Bright blue.

The hexadecimal color #3155f2 has RGB values of R:49, G:85, B:242 and CMYK values of C:0.8, M:0.65, Y:0, K:0.05. Its decimal value is 3233266.

Hex triplet	3155f2	`#3155f2`
RGB Decimal	49, 85, 242	`rgb(49,85,242)`
RGB Percent	19.2, 33.3, 94.9	`rgb(19.2%,33.3%,94.9%)`
CMYK	80, 65, 0, 5
HSL	228.8°, 88.1, 57.1	`hsl(228.8,88.1%,57.1%)`
HSV (or HSB)	228.8°, 79.8, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.594, 43.171, -81.791
XYZ	20.539, 13.559, 85.534
xyY	0.172, 0.113, 13.559
CIE-LCH	43.594, 92.485, 297.826
CIE-LUV	43.594, -15.229, -121.495
Hunter-Lab	36.823, 35.122, -111.946
Binary	00110001, 01010101, 11110010

#3155f2
```
#3155f2 rgb(49,85,242)
```
#f2ce31
```
#f2ce31 rgb(242,206,49)
```

Complementary Color

#31b6f2
```
#31b6f2 rgb(49,182,242)
```
#3155f2
```
#3155f2 rgb(49,85,242)
```
#6e31f2
```
#6e31f2 rgb(110,49,242)
```

Analogous Color

#b6f231
```
#b6f231 rgb(182,242,49)
```
#3155f2
```
#3155f2 rgb(49,85,242)
```
#f26e31
```
#f26e31 rgb(242,110,49)
```

Split Complementary Color

#55f231
```
#55f231 rgb(85,242,49)
```
#3155f2
```
#3155f2 rgb(49,85,242)
```
#f23155
```
#f23155 rgb(242,49,85)
```

Triadic Color

#31f2ce
```
#31f2ce rgb(49,242,206)
```
#3155f2
```
#3155f2 rgb(49,85,242)
```
#f23155
```
#f23155 rgb(242,49,85)
```
#f2ce31
```
#f2ce31 rgb(242,206,49)
```

Tetradic Color

#0d30ca
```
#0d30ca rgb(13,48,202)
```
#0e36e2
```
#0e36e2 rgb(14,54,226)
```
#1941f0
```
#1941f0 rgb(25,65,240)
```
#3155f2
```
#3155f2 rgb(49,85,242)
```
#4969f4
```
#4969f4 rgb(73,105,244)
```
#617df5
```
#617df5 rgb(97,125,245)
```
#7990f7
```
#7990f7 rgb(121,144,247)
```

Monochromatic Color

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

#3185f2
```
#3185f2 rgb(49,133,242)
```
#3175f2
```
#3175f2 rgb(49,117,242)
```
#3165f2
```
#3165f2 rgb(49,101,242)
```
#3155f2
```
#3155f2 rgb(49,85,242)
```
#3145f2
```
#3145f2 rgb(49,69,242)
```
#3135f2
```
#3135f2 rgb(49,53,242)
```
#3d31f2
```
#3d31f2 rgb(61,49,242)
```

Similar Colors

Text with hexadecimal color #3155f2

This text has a font color of #3155f2.

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

#3155f2 background color

This paragraph has a background color of #3155f2.

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

#3155f2 border color

This element has a border color of #3155f2.

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

CSS codes

.text {color:#3155f2;}

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

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

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, #01040f is the darkest color, while #fcfcff is the lightest one.

#01040f
```
#01040f rgb(1,4,15)
```
#020822
```
#020822 rgb(2,8,34)
```
#030c34
```
#030c34 rgb(3,12,52)
```
#041147
```
#041147 rgb(4,17,71)
```
#061559
```
#061559 rgb(6,21,89)
```
#071a6c
```
#071a6c rgb(7,26,108)
```
#081e7e
```
#081e7e rgb(8,30,126)
```
#092291
```
#092291 rgb(9,34,145)
```
#0a27a3
```
#0a27a3 rgb(10,39,163)
```
#0b2bb5
```
#0b2bb5 rgb(11,43,181)
```
#0d30c8
```
#0d30c8 rgb(13,48,200)
```
#0e34da
```
#0e34da rgb(14,52,218)
```
#0f38ed
```
#0f38ed rgb(15,56,237)
```

Shade Color Variation

#1f46f1
```
#1f46f1 rgb(31,70,241)
```
#3155f2
```
#3155f2 rgb(49,85,242)
```
#4364f3
```
#4364f3 rgb(67,100,243)
```
#5673f4
```
#5673f4 rgb(86,115,244)
```
#6883f5
```
#6883f5 rgb(104,131,245)
```
#7b92f7
```
#7b92f7 rgb(123,146,247)
```
#8da1f8
```
#8da1f8 rgb(141,161,248)
```
#a0b0f9
```
#a0b0f9 rgb(160,176,249)
```
#b2c0fa
```
#b2c0fa rgb(178,192,250)
```
#c5cffb
```
#c5cffb rgb(197,207,251)
```
#d7defc
```
#d7defc rgb(215,222,252)
```
#eaedfe
```
#eaedfe rgb(234,237,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8f95 is the less saturated color, while #2950fa is the most saturated one.

#8e8f95
```
#8e8f95 rgb(142,143,149)
```
#858a9e
```
#858a9e rgb(133,138,158)
```
#7d85a6
```
#7d85a6 rgb(125,133,166)
```
#747faf
```
#747faf rgb(116,127,175)
```
#6c7ab7
```
#6c7ab7 rgb(108,122,183)
```
#6475bf
```
#6475bf rgb(100,117,191)
```
#5b6fc8
```
#5b6fc8 rgb(91,111,200)
```
#536ad0
```
#536ad0 rgb(83,106,208)
```
#4a65d9
```
#4a65d9 rgb(74,101,217)
```
#4260e1
```
#4260e1 rgb(66,96,225)
```
#395aea
```
#395aea rgb(57,90,234)
```
#3155f2
```
#3155f2 rgb(49,85,242)
```
#2950fa
```
#2950fa rgb(41,80,250)
```

Tone Color Variation

Below, you can see how #3155f2 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
#535b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#1163dd Protanomaly 1% of men, 0.01% of women
#1167cc Deuteranomaly 6% of men, 0.4% of women
#116ca9 Tritanomaly 0.01% of the population

#3155f2 hex color

#3155f2 Color Information

#3155f2 Color Conversion

Color Schemes with #3155f2

Alternatives to #3155f2

#3155f2 Preview

Shades and Tints of #3155f2

Tones of #3155f2

Color Blindness Simulator