#315abe hex color

In a RGB color space, hex #315abe is composed of 19.2% red, 35.3% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 52.6% magenta, 0% yellow and 25.5% black. It has a hue angle of 222.6 degrees, a saturation of 59% and a lightness of 46.9%. #315abe color hex could be obtained by blending #62b4ff with #00007d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 35
- B 75
RGB color chart
- C 74
- M 53
- Y 0
- K 25
CMYK color chart

● #315abe color description : Moderate blue.

The hexadecimal color #315abe has RGB values of R:49, G:90, B:190 and CMYK values of C:0.74, M:0.53, Y:0, K:0.25. Its decimal value is 3234494.

Hex triplet	315abe	`#315abe`
RGB Decimal	49, 90, 190	`rgb(49,90,190)`
RGB Percent	19.2, 35.3, 74.5	`rgb(19.2%,35.3%,74.5%)`
CMYK	74, 53, 0, 25
HSL	222.6°, 59, 46.9	`hsl(222.6,59%,46.9%)`
HSV (or HSB)	222.6°, 74.2, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.706, 20.98, -56.755
XYZ	14.215, 11.682, 50.218
xyY	0.187, 0.153, 11.682
CIE-LCH	40.706, 60.509, 290.288
CIE-LUV	40.706, -16.221, -84.244
Hunter-Lab	34.179, 14.425, -63.188
Binary	00110001, 01011010, 10111110

#315abe
```
#315abe rgb(49,90,190)
```
#be9531
```
#be9531 rgb(190,149,49)
```

Complementary Color

#31a1be
```
#31a1be rgb(49,161,190)
```
#315abe
```
#315abe rgb(49,90,190)
```
#4e31be
```
#4e31be rgb(78,49,190)
```

Analogous Color

#a1be31
```
#a1be31 rgb(161,190,49)
```
#315abe
```
#315abe rgb(49,90,190)
```
#be4f31
```
#be4f31 rgb(190,79,49)
```

Split Complementary Color

#5abe31
```
#5abe31 rgb(90,190,49)
```
#315abe
```
#315abe rgb(49,90,190)
```
#be315a
```
#be315a rgb(190,49,90)
```

Triadic Color

#31be95
```
#31be95 rgb(49,190,149)
```
#315abe
```
#315abe rgb(49,90,190)
```
#be315a
```
#be315a rgb(190,49,90)
```
#be9531
```
#be9531 rgb(190,149,49)
```

Tetradic Color

#213d81
```
#213d81 rgb(33,61,129)
```
#274795
```
#274795 rgb(39,71,149)
```
#2c50aa
```
#2c50aa rgb(44,80,170)
```
#315abe
```
#315abe rgb(49,90,190)
```
#3c66cd
```
#3c66cd rgb(60,102,205)
```
#5076d2
```
#5076d2 rgb(80,118,210)
```
#6486d7
```
#6486d7 rgb(100,134,215)
```

Monochromatic Color

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

#317dbe
```
#317dbe rgb(49,125,190)
```
#3172be
```
#3172be rgb(49,114,190)
```
#3166be
```
#3166be rgb(49,102,190)
```
#315abe
```
#315abe rgb(49,90,190)
```
#314ebe
```
#314ebe rgb(49,78,190)
```
#3143be
```
#3143be rgb(49,67,190)
```
#3137be
```
#3137be rgb(49,55,190)
```

Similar Colors

Text with hexadecimal color #315abe

This text has a font color of #315abe.

<span style="color:#315abe;">Text here</span>

#315abe background color

This paragraph has a background color of #315abe.

<p style="background-color:#315abe;">Content here</p>

#315abe border color

This element has a border color of #315abe.

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

CSS codes

.text {color:#315abe;}

.background {background-color:#315abe;}

.border {border:1px solid #315abe;}

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

#010103
```
#010103 rgb(1,1,3)
```
#050912
```
#050912 rgb(5,9,18)
```
#091022
```
#091022 rgb(9,16,34)
```
#0d1832
```
#0d1832 rgb(13,24,50)
```
#111f41
```
#111f41 rgb(17,31,65)
```
#152651
```
#152651 rgb(21,38,81)
```
#192e60
```
#192e60 rgb(25,46,96)
```
#1d3570
```
#1d3570 rgb(29,53,112)
```
#213c80
```
#213c80 rgb(33,60,128)
```
#25448f
```
#25448f rgb(37,68,143)
```
#294b9f
```
#294b9f rgb(41,75,159)
```
#2d53ae
```
#2d53ae rgb(45,83,174)
```
#315abe
```
#315abe rgb(49,90,190)
```

Shade Color Variation

#3762cb
```
#3762cb rgb(55,98,203)
```
#476fcf
```
#476fcf rgb(71,111,207)
```
#567bd4
```
#567bd4 rgb(86,123,212)
```
#6687d8
```
#6687d8 rgb(102,135,216)
```
#7693dc
```
#7693dc rgb(118,147,220)
```
#859fe0
```
#859fe0 rgb(133,159,224)
```
#95ace4
```
#95ace4 rgb(149,172,228)
```
#a4b8e8
```
#a4b8e8 rgb(164,184,232)
```
#b4c4ec
```
#b4c4ec rgb(180,196,236)
```
#c3d0f0
```
#c3d0f0 rgb(195,208,240)
```
#d3ddf4
```
#d3ddf4 rgb(211,221,244)
```
#e3e9f8
```
#e3e9f8 rgb(227,233,248)
```
#f2f5fc
```
#f2f5fc rgb(242,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71757e is the less saturated color, while #0347ec is the most saturated one.

#71757e
```
#71757e rgb(113,117,126)
```
#687187
```
#687187 rgb(104,113,135)
```
#5f6d90
```
#5f6d90 rgb(95,109,144)
```
#566999
```
#566999 rgb(86,105,153)
```
#4d66a2
```
#4d66a2 rgb(77,102,162)
```
#4362ac
```
#4362ac rgb(67,98,172)
```
#3a5eb5
```
#3a5eb5 rgb(58,94,181)
```
#315abe
```
#315abe rgb(49,90,190)
```
#2856c7
```
#2856c7 rgb(40,86,199)
```
#1f52d0
```
#1f52d0 rgb(31,82,208)
```
#154eda
```
#154eda rgb(21,78,218)
```
#0c4be3
```
#0c4be3 rgb(12,75,227)
```
#0347ec
```
#0347ec rgb(3,71,236)
```

Tone Color Variation

Below, you can see how #315abe 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

#595959 Achromatopsia 0.005% of the population
#51596d Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b65c3 Protanopia 1% of men
#006aae Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#2361c1 Protanomaly 1% of men, 0.01% of women
#1164b4 Deuteranomaly 6% of men, 0.4% of women
#116992 Tritanomaly 0.01% of the population

#315abe hex color

#315abe Color Information

#315abe Color Conversion

Color Schemes with #315abe

Alternatives to #315abe

#315abe Preview

Shades and Tints of #315abe

Tones of #315abe

Color Blindness Simulator