#315abb hex color

In a RGB color space, hex #315abb is composed of 19.2% red, 35.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 51.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 222.2 degrees, a saturation of 58.5% and a lightness of 46.3%. #315abb color hex could be obtained by blending #62b4ff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 35
- B 73
RGB color chart
- C 74
- M 52
- Y 0
- K 27
CMYK color chart

● #315abb color description : Moderate blue.

The hexadecimal color #315abb has RGB values of R:49, G:90, B:187 and CMYK values of C:0.74, M:0.52, Y:0, K:0.27. Its decimal value is 3234491.

Hex triplet	315abb	`#315abb`
RGB Decimal	49, 90, 187	`rgb(49,90,187)`
RGB Percent	19.2, 35.3, 73.3	`rgb(19.2%,35.3%,73.3%)`
CMYK	74, 52, 0, 27
HSL	222.2°, 58.5, 46.3	`hsl(222.2,58.5%,46.3%)`
HSV (or HSB)	222.2°, 73.8, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.495, 19.854, -55.345
XYZ	13.89, 11.552, 48.509
xyY	0.188, 0.156, 11.552
CIE-LCH	40.495, 58.798, 289.734
CIE-LUV	40.495, -16.233, -82.037
Hunter-Lab	33.988, 13.47, -60.827
Binary	00110001, 01011010, 10111011

#315abb
```
#315abb rgb(49,90,187)
```
#bb9231
```
#bb9231 rgb(187,146,49)
```

Complementary Color

#319fbb
```
#319fbb rgb(49,159,187)
```
#315abb
```
#315abb rgb(49,90,187)
```
#4d31bb
```
#4d31bb rgb(77,49,187)
```

Analogous Color

#9fbb31
```
#9fbb31 rgb(159,187,49)
```
#315abb
```
#315abb rgb(49,90,187)
```
#bb4d31
```
#bb4d31 rgb(187,77,49)
```

Split Complementary Color

#5abb31
```
#5abb31 rgb(90,187,49)
```
#315abb
```
#315abb rgb(49,90,187)
```
#bb315a
```
#bb315a rgb(187,49,90)
```

Triadic Color

#31bb92
```
#31bb92 rgb(49,187,146)
```
#315abb
```
#315abb rgb(49,90,187)
```
#bb315a
```
#bb315a rgb(187,49,90)
```
#bb9231
```
#bb9231 rgb(187,146,49)
```

Tetradic Color

#213d7e
```
#213d7e rgb(33,61,126)
```
#264793
```
#264793 rgb(38,71,147)
```
#2c50a7
```
#2c50a7 rgb(44,80,167)
```
#315abb
```
#315abb rgb(49,90,187)
```
#3a65cb
```
#3a65cb rgb(58,101,203)
```
#4e75d1
```
#4e75d1 rgb(78,117,209)
```
#6385d6
```
#6385d6 rgb(99,133,214)
```

Monochromatic Color

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

#317dbb
```
#317dbb rgb(49,125,187)
```
#3171bb
```
#3171bb rgb(49,113,187)
```
#3166bb
```
#3166bb rgb(49,102,187)
```
#315abb
```
#315abb rgb(49,90,187)
```
#314fbb
```
#314fbb rgb(49,79,187)
```
#3143bb
```
#3143bb rgb(49,67,187)
```
#3138bb
```
#3138bb rgb(49,56,187)
```

Similar Colors

Text with hexadecimal color #315abb

This text has a font color of #315abb.

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

#315abb background color

This paragraph has a background color of #315abb.

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

#315abb border color

This element has a border color of #315abb.

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

CSS codes

.text {color:#315abb;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040810
```
#040810 rgb(4,8,16)
```
#080f20
```
#080f20 rgb(8,15,32)
```
#0c172f
```
#0c172f rgb(12,23,47)
```
#101e3f
```
#101e3f rgb(16,30,63)
```
#14264e
```
#14264e rgb(20,38,78)
```
#192d5e
```
#192d5e rgb(25,45,94)
```
#1d356d
```
#1d356d rgb(29,53,109)
```
#213c7d
```
#213c7d rgb(33,60,125)
```
#25448c
```
#25448c rgb(37,68,140)
```
#294b9c
```
#294b9c rgb(41,75,156)
```
#2d53ab
```
#2d53ab rgb(45,83,171)
```
#315abb
```
#315abb rgb(49,90,187)
```

Shade Color Variation

#3562ca
```
#3562ca rgb(53,98,202)
```
#456ece
```
#456ece rgb(69,110,206)
```
#557ad2
```
#557ad2 rgb(85,122,210)
```
#6486d6
```
#6486d6 rgb(100,134,214)
```
#7492da
```
#7492da rgb(116,146,218)
```
#839edf
```
#839edf rgb(131,158,223)
```
#93aae3
```
#93aae3 rgb(147,170,227)
```
#a2b7e7
```
#a2b7e7 rgb(162,183,231)
```
#b2c3eb
```
#b2c3eb rgb(178,195,235)
```
#c1cfef
```
#c1cfef rgb(193,207,239)
```
#d1dbf3
```
#d1dbf3 rgb(209,219,243)
```
#e0e7f7
```
#e0e7f7 rgb(224,231,247)
```
#f0f3fb
```
#f0f3fb rgb(240,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71747b is the less saturated color, while #0448e8 is the most saturated one.

#71747b
```
#71747b rgb(113,116,123)
```
#677085
```
#677085 rgb(103,112,133)
```
#5e6c8e
```
#5e6c8e rgb(94,108,142)
```
#556997
```
#556997 rgb(85,105,151)
```
#4c65a0
```
#4c65a0 rgb(76,101,160)
```
#4361a9
```
#4361a9 rgb(67,97,169)
```
#3a5eb2
```
#3a5eb2 rgb(58,94,178)
```
#315abb
```
#315abb rgb(49,90,187)
```
#2856c4
```
#2856c4 rgb(40,86,196)
```
#1f53cd
```
#1f53cd rgb(31,83,205)
```
#164fd6
```
#164fd6 rgb(22,79,214)
```
#0d4bdf
```
#0d4bdf rgb(13,75,223)
```
#0448e8
```
#0448e8 rgb(4,72,232)
```

Tone Color Variation

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

#2364c0 Protanopia 1% of men
#0069ad Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#2860be Protanomaly 1% of men, 0.01% of women
#1164b2 Deuteranomaly 6% of men, 0.4% of women
#116991 Tritanomaly 0.01% of the population

#315abb hex color

#315abb Color Information

#315abb Color Conversion

Color Schemes with #315abb

Alternatives to #315abb

#315abb Preview

Shades and Tints of #315abb

Tones of #315abb

Color Blindness Simulator