#3158fd hex color

In a RGB color space, hex #3158fd is composed of 19.2% red, 34.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 65.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 228.5 degrees, a saturation of 98.1% and a lightness of 59.2%. #3158fd color hex could be obtained by blending #62b0ff with #0000fb. Closest websafe color is: #3366ff.

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

● #3158fd color description : Bright blue.

The hexadecimal color #3158fd has RGB values of R:49, G:88, B:253 and CMYK values of C:0.81, M:0.65, Y:0, K:0.01. Its decimal value is 3234045.

Hex triplet	3158fd	`#3158fd`
RGB Decimal	49, 88, 253	`rgb(49,88,253)`
RGB Percent	19.2, 34.5, 99.2	`rgb(19.2%,34.5%,99.2%)`
CMYK	81, 65, 0, 1
HSL	228.5°, 98.1, 59.2	`hsl(228.5,98.1%,59.2%)`
HSV (or HSB)	228.5°, 80.6, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.252, 45.205, -85.222
XYZ	22.482, 14.723, 94.58
xyY	0.171, 0.112, 14.723
CIE-LCH	45.252, 96.469, 297.944
CIE-LUV	45.252, -16.011, -127.618
Hunter-Lab	38.37, 37.442, -119.287
Binary	00110001, 01011000, 11111101

#3158fd
```
#3158fd rgb(49,88,253)
```
#fdd631
```
#fdd631 rgb(253,214,49)
```

Complementary Color

#31befd
```
#31befd rgb(49,190,253)
```
#3158fd
```
#3158fd rgb(49,88,253)
```
#7031fd
```
#7031fd rgb(112,49,253)
```

Analogous Color

#befd31
```
#befd31 rgb(190,253,49)
```
#3158fd
```
#3158fd rgb(49,88,253)
```
#fd7031
```
#fd7031 rgb(253,112,49)
```

Split Complementary Color

#58fd31
```
#58fd31 rgb(88,253,49)
```
#3158fd
```
#3158fd rgb(49,88,253)
```
#fd3158
```
#fd3158 rgb(253,49,88)
```

Triadic Color

#31fdd6
```
#31fdd6 rgb(49,253,214)
```
#3158fd
```
#3158fd rgb(49,88,253)
```
#fd3158
```
#fd3158 rgb(253,49,88)
```
#fdd631
```
#fdd631 rgb(253,214,49)
```

Tetradic Color

#022cdf
```
#022cdf rgb(2,44,223)
```
#0231f9
```
#0231f9 rgb(2,49,249)
```
#1844fd
```
#1844fd rgb(24,68,253)
```
#3158fd
```
#3158fd rgb(49,88,253)
```
#4a6cfd
```
#4a6cfd rgb(74,108,253)
```
#6481fd
```
#6481fd rgb(100,129,253)
```
#7d95fe
```
#7d95fe rgb(125,149,254)
```

Monochromatic Color

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

#318bfd
```
#318bfd rgb(49,139,253)
```
#317afd
```
#317afd rgb(49,122,253)
```
#3169fd
```
#3169fd rgb(49,105,253)
```
#3158fd
```
#3158fd rgb(49,88,253)
```
#3147fd
```
#3147fd rgb(49,71,253)
```
#3136fd
```
#3136fd rgb(49,54,253)
```
#3d31fd
```
#3d31fd rgb(61,49,253)
```

Similar Colors

Text with hexadecimal color #3158fd

This text has a font color of #3158fd.

<span style="color:#3158fd;">Text here</span>

#3158fd background color

This paragraph has a background color of #3158fd.

<p style="background-color:#3158fd;">Content here</p>

#3158fd border color

This element has a border color of #3158fd.

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

CSS codes

.text {color:#3158fd;}

.background {background-color:#3158fd;}

.border {border:1px solid #3158fd;}

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

#000208
```
#000208 rgb(0,2,8)
```
#00051b
```
#00051b rgb(0,5,27)
```
#00092f
```
#00092f rgb(0,9,47)
```
#010d42
```
#010d42 rgb(1,13,66)
```
#011155
```
#011155 rgb(1,17,85)
```
#011569
```
#011569 rgb(1,21,105)
```
#01197c
```
#01197c rgb(1,25,124)
```
#011d90
```
#011d90 rgb(1,29,144)
```
#0220a3
```
#0220a3 rgb(2,32,163)
```
#0224b7
```
#0224b7 rgb(2,36,183)
```
#0228ca
```
#0228ca rgb(2,40,202)
```
#022cdd
```
#022cdd rgb(2,44,221)
```
#0230f1
```
#0230f1 rgb(2,48,241)
```

Shade Color Variation

#0a39fd
```
#0a39fd rgb(10,57,253)
```
#1e48fd
```
#1e48fd rgb(30,72,253)
```
#3158fd
```
#3158fd rgb(49,88,253)
```
#4468fd
```
#4468fd rgb(68,104,253)
```
#5877fd
```
#5877fd rgb(88,119,253)
```
#6b87fe
```
#6b87fe rgb(107,135,254)
```
#7f97fe
```
#7f97fe rgb(127,151,254)
```
#92a7fe
```
#92a7fe rgb(146,167,254)
```
#a6b6fe
```
#a6b6fe rgb(166,182,254)
```
#b9c6fe
```
#b9c6fe rgb(185,198,254)
```
#ccd6ff
```
#ccd6ff rgb(204,214,255)
```
#e0e6ff
```
#e0e6ff rgb(224,230,255)
```
#f3f5ff
```
#f3f5ff rgb(243,245,255)
```

Tint Color Variation

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

#91939d
```
#91939d rgb(145,147,157)
```
#898ea5
```
#898ea5 rgb(137,142,165)
```
#8189ad
```
#8189ad rgb(129,137,173)
```
#7984b5
```
#7984b5 rgb(121,132,181)
```
#7180bd
```
#7180bd rgb(113,128,189)
```
#697bc5
```
#697bc5 rgb(105,123,197)
```
#6176cd
```
#6176cd rgb(97,118,205)
```
#5971d5
```
#5971d5 rgb(89,113,213)
```
#516cdd
```
#516cdd rgb(81,108,221)
```
#4967e5
```
#4967e5 rgb(73,103,229)
```
#4162ed
```
#4162ed rgb(65,98,237)
```
#395df5
```
#395df5 rgb(57,93,245)
```
#3158fd
```
#3158fd rgb(49,88,253)
```

Tone Color Variation

Below, you can see how #3158fd 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

#5f5f5f Achromatopsia 0.005% of the population
#565e7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#1166e6 Protanomaly 1% of men, 0.01% of women
#116ad4 Deuteranomaly 6% of men, 0.4% of women
#1170b0 Tritanomaly 0.01% of the population

#3158fd hex color

#3158fd Color Information

#3158fd Color Conversion

Color Schemes with #3158fd

Alternatives to #3158fd

#3158fd Preview

Shades and Tints of #3158fd

Tones of #3158fd

Color Blindness Simulator