#315ab5 hex color

In a RGB color space, hex #315ab5 is composed of 19.2% red, 35.3% green and 71% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 50.3% magenta, 0% yellow and 29% black. It has a hue angle of 221.4 degrees, a saturation of 57.4% and a lightness of 45.1%. #315ab5 color hex could be obtained by blending #62b4ff with #00006b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 35
- B 71
RGB color chart
- C 73
- M 50
- Y 0
- K 29
CMYK color chart

● #315ab5 color description : Moderate blue.

The hexadecimal color #315ab5 has RGB values of R:49, G:90, B:181 and CMYK values of C:0.73, M:0.5, Y:0, K:0.29. Its decimal value is 3234485.

Hex triplet	315ab5	`#315ab5`
RGB Decimal	49, 90, 181	`rgb(49,90,181)`
RGB Percent	19.2, 35.3, 71	`rgb(19.2%,35.3%,71%)`
CMYK	73, 50, 0, 29
HSL	221.4°, 57.4, 45.1	`hsl(221.4,57.4%,45.1%)`
HSV (or HSB)	221.4°, 72.9, 71
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.082, 17.598, -52.498
XYZ	13.261, 11.301, 45.196
xyY	0.19, 0.162, 11.301
CIE-LCH	40.082, 55.369, 288.531
CIE-LUV	40.082, -16.266, -77.57
Hunter-Lab	33.616, 11.589, -56.182
Binary	00110001, 01011010, 10110101

#315ab5
```
#315ab5 rgb(49,90,181)
```
#b58c31
```
#b58c31 rgb(181,140,49)
```

Complementary Color

#319cb5
```
#319cb5 rgb(49,156,181)
```
#315ab5
```
#315ab5 rgb(49,90,181)
```
#4a31b5
```
#4a31b5 rgb(74,49,181)
```

Analogous Color

#9cb531
```
#9cb531 rgb(156,181,49)
```
#315ab5
```
#315ab5 rgb(49,90,181)
```
#b54a31
```
#b54a31 rgb(181,74,49)
```

Split Complementary Color

#5ab531
```
#5ab531 rgb(90,181,49)
```
#315ab5
```
#315ab5 rgb(49,90,181)
```
#b5315a
```
#b5315a rgb(181,49,90)
```

Triadic Color

#31b58c
```
#31b58c rgb(49,181,140)
```
#315ab5
```
#315ab5 rgb(49,90,181)
```
#b5315a
```
#b5315a rgb(181,49,90)
```
#b58c31
```
#b58c31 rgb(181,140,49)
```

Tetradic Color

#213c79
```
#213c79 rgb(33,60,121)
```
#26468d
```
#26468d rgb(38,70,141)
```
#2c50a1
```
#2c50a1 rgb(44,80,161)
```
#315ab5
```
#315ab5 rgb(49,90,181)
```
#3764c9
```
#3764c9 rgb(55,100,201)
```
#4b74ce
```
#4b74ce rgb(75,116,206)
```
#5f83d4
```
#5f83d4 rgb(95,131,212)
```

Monochromatic Color

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

#317bb5
```
#317bb5 rgb(49,123,181)
```
#3170b5
```
#3170b5 rgb(49,112,181)
```
#3165b5
```
#3165b5 rgb(49,101,181)
```
#315ab5
```
#315ab5 rgb(49,90,181)
```
#314fb5
```
#314fb5 rgb(49,79,181)
```
#3144b5
```
#3144b5 rgb(49,68,181)
```
#3139b5
```
#3139b5 rgb(49,57,181)
```

Similar Colors

Text with hexadecimal color #315ab5

This text has a font color of #315ab5.

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

#315ab5 background color

This paragraph has a background color of #315ab5.

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

#315ab5 border color

This element has a border color of #315ab5.

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

CSS codes

.text {color:#315ab5;}

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

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

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, #03060b is the darkest color, while #fbfcfe is the lightest one.

#03060b
```
#03060b rgb(3,6,11)
```
#070d1b
```
#070d1b rgb(7,13,27)
```
#0b152a
```
#0b152a rgb(11,21,42)
```
#101d3a
```
#101d3a rgb(16,29,58)
```
#142449
```
#142449 rgb(20,36,73)
```
#182c58
```
#182c58 rgb(24,44,88)
```
#1c3468
```
#1c3468 rgb(28,52,104)
```
#203b77
```
#203b77 rgb(32,59,119)
```
#244387
```
#244387 rgb(36,67,135)
```
#294b96
```
#294b96 rgb(41,75,150)
```
#2d52a6
```
#2d52a6 rgb(45,82,166)
```
#315ab5
```
#315ab5 rgb(49,90,181)
```
#3562c4
```
#3562c4 rgb(53,98,196)
```

Shade Color Variation

#426ccc
```
#426ccc rgb(66,108,204)
```
#5178d0
```
#5178d0 rgb(81,120,208)
```
#6084d4
```
#6084d4 rgb(96,132,212)
```
#7090d8
```
#7090d8 rgb(112,144,216)
```
#7f9cdc
```
#7f9cdc rgb(127,156,220)
```
#8fa8e1
```
#8fa8e1 rgb(143,168,225)
```
#9eb4e5
```
#9eb4e5 rgb(158,180,229)
```
#aec0e9
```
#aec0e9 rgb(174,192,233)
```
#bdcced
```
#bdcced rgb(189,204,237)
```
#ccd8f1
```
#ccd8f1 rgb(204,216,241)
```
#dce4f5
```
#dce4f5 rgb(220,228,245)
```
#ebf0fa
```
#ebf0fa rgb(235,240,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7177 is the less saturated color, while #0549e1 is the most saturated one.

#6f7177
```
#6f7177 rgb(111,113,119)
```
#666e80
```
#666e80 rgb(102,110,128)
```
#5d6b89
```
#5d6b89 rgb(93,107,137)
```
#546792
```
#546792 rgb(84,103,146)
```
#4c649a
```
#4c649a rgb(76,100,154)
```
#4361a3
```
#4361a3 rgb(67,97,163)
```
#3a5dac
```
#3a5dac rgb(58,93,172)
```
#315ab5
```
#315ab5 rgb(49,90,181)
```
#2857be
```
#2857be rgb(40,87,190)
```
#1f53c7
```
#1f53c7 rgb(31,83,199)
```
#1650d0
```
#1650d0 rgb(22,80,208)
```
#0e4dd8
```
#0e4dd8 rgb(14,77,216)
```
#0549e1
```
#0549e1 rgb(5,73,225)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#50586b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e63ba Protanopia 1% of men
#0068ac Deuteranopia 1% of men
#007078 Tritanopia 0.001% of the population

Trichromacy

#2f60b8 Protanomaly 1% of men, 0.01% of women
#1163af Deuteranomaly 6% of men, 0.4% of women
#11688e Tritanomaly 0.01% of the population

#315ab5 hex color

#315ab5 Color Information

#315ab5 Color Conversion

Color Schemes with #315ab5

Alternatives to #315ab5

#315ab5 Preview

Shades and Tints of #315ab5

Tones of #315ab5

Color Blindness Simulator