#315fbf hex color

In a RGB color space, hex #315fbf is composed of 19.2% red, 37.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 50.3% magenta, 0% yellow and 25.1% black. It has a hue angle of 220.6 degrees, a saturation of 59.2% and a lightness of 47.1%. #315fbf color hex could be obtained by blending #62beff with #00007f. Closest websafe color is: #3366cc.

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

● #315fbf color description : Moderate blue.

The hexadecimal color #315fbf has RGB values of R:49, G:95, B:191 and CMYK values of C:0.74, M:0.5, Y:0, K:0.25. Its decimal value is 3235775.

Hex triplet	315fbf	`#315fbf`
RGB Decimal	49, 95, 191	`rgb(49,95,191)`
RGB Percent	19.2, 37.3, 74.9	`rgb(19.2%,37.3%,74.9%)`
CMYK	74, 50, 0, 25
HSL	220.6°, 59.2, 47.1	`hsl(220.6,59.2%,47.1%)`
HSV (or HSB)	220.6°, 74.3, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.151, 18.106, -55.002
XYZ	14.761, 12.598, 50.941
xyY	0.189, 0.161, 12.598
CIE-LCH	42.151, 57.905, 288.221
CIE-LUV	42.151, -17.669, -82.383
Hunter-Lab	35.494, 12.119, -60.249
Binary	00110001, 01011111, 10111111

#315fbf
```
#315fbf rgb(49,95,191)
```
#bf9131
```
#bf9131 rgb(191,145,49)
```

Complementary Color

#31a6bf
```
#31a6bf rgb(49,166,191)
```
#315fbf
```
#315fbf rgb(49,95,191)
```
#4a31bf
```
#4a31bf rgb(74,49,191)
```

Analogous Color

#a6bf31
```
#a6bf31 rgb(166,191,49)
```
#315fbf
```
#315fbf rgb(49,95,191)
```
#bf4a31
```
#bf4a31 rgb(191,74,49)
```

Split Complementary Color

#5fbf31
```
#5fbf31 rgb(95,191,49)
```
#315fbf
```
#315fbf rgb(49,95,191)
```
#bf315f
```
#bf315f rgb(191,49,95)
```

Triadic Color

#31bf91
```
#31bf91 rgb(49,191,145)
```
#315fbf
```
#315fbf rgb(49,95,191)
```
#bf315f
```
#bf315f rgb(191,49,95)
```
#bf9131
```
#bf9131 rgb(191,145,49)
```

Tetradic Color

#214182
```
#214182 rgb(33,65,130)
```
#274b96
```
#274b96 rgb(39,75,150)
```
#2c55ab
```
#2c55ab rgb(44,85,171)
```
#315fbf
```
#315fbf rgb(49,95,191)
```
#3c6bcd
```
#3c6bcd rgb(60,107,205)
```
#517bd2
```
#517bd2 rgb(81,123,210)
```
#658ad7
```
#658ad7 rgb(101,138,215)
```

Monochromatic Color

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

#3183bf
```
#3183bf rgb(49,131,191)
```
#3177bf
```
#3177bf rgb(49,119,191)
```
#316bbf
```
#316bbf rgb(49,107,191)
```
#315fbf
```
#315fbf rgb(49,95,191)
```
#3153bf
```
#3153bf rgb(49,83,191)
```
#3147bf
```
#3147bf rgb(49,71,191)
```
#313cbf
```
#313cbf rgb(49,60,191)
```

Similar Colors

Text with hexadecimal color #315fbf

This text has a font color of #315fbf.

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

#315fbf background color

This paragraph has a background color of #315fbf.

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

#315fbf border color

This element has a border color of #315fbf.

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

CSS codes

.text {color:#315fbf;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050a13
```
#050a13 rgb(5,10,19)
```
#091123
```
#091123 rgb(9,17,35)
```
#0d1933
```
#0d1933 rgb(13,25,51)
```
#112142
```
#112142 rgb(17,33,66)
```
#152952
```
#152952 rgb(21,41,82)
```
#193061
```
#193061 rgb(25,48,97)
```
#1d3871
```
#1d3871 rgb(29,56,113)
```
#214081
```
#214081 rgb(33,64,129)
```
#254890
```
#254890 rgb(37,72,144)
```
#294fa0
```
#294fa0 rgb(41,79,160)
```
#2d57af
```
#2d57af rgb(45,87,175)
```
#315fbf
```
#315fbf rgb(49,95,191)
```

Shade Color Variation

#3868cc
```
#3868cc rgb(56,104,204)
```
#4774d0
```
#4774d0 rgb(71,116,208)
```
#577fd4
```
#577fd4 rgb(87,127,212)
```
#678bd8
```
#678bd8 rgb(103,139,216)
```
#7697dc
```
#7697dc rgb(118,151,220)
```
#86a3e0
```
#86a3e0 rgb(134,163,224)
```
#95afe4
```
#95afe4 rgb(149,175,228)
```
#a5bbe8
```
#a5bbe8 rgb(165,187,232)
```
#b5c7ec
```
#b5c7ec rgb(181,199,236)
```
#c4d2f0
```
#c4d2f0 rgb(196,210,240)
```
#d4def4
```
#d4def4 rgb(212,222,244)
```
#e3eaf8
```
#e3eaf8 rgb(227,234,248)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#72767e
```
#72767e rgb(114,118,126)
```
#687388
```
#687388 rgb(104,115,136)
```
#5f6f91
```
#5f6f91 rgb(95,111,145)
```
#566c9a
```
#566c9a rgb(86,108,154)
```
#4d69a3
```
#4d69a3 rgb(77,105,163)
```
#4366ad
```
#4366ad rgb(67,102,173)
```
#3a62b6
```
#3a62b6 rgb(58,98,182)
```
#315fbf
```
#315fbf rgb(49,95,191)
```
#285cc8
```
#285cc8 rgb(40,92,200)
```
#1f58d1
```
#1f58d1 rgb(31,88,209)
```
#1555db
```
#1555db rgb(21,85,219)
```
#0c52e4
```
#0c52e4 rgb(12,82,228)
```
#034fed
```
#034fed rgb(3,79,237)
```

Tone Color Variation

Below, you can see how #315fbf 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
#535d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f68c3 Protanopia 1% of men
#006db4 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#2f65c1 Protanomaly 1% of men, 0.01% of women
#1168b8 Deuteranomaly 6% of men, 0.4% of women
#116d95 Tritanomaly 0.01% of the population

#315fbf hex color

#315fbf Color Information

#315fbf Color Conversion

Color Schemes with #315fbf

Alternatives to #315fbf

#315fbf Preview

Shades and Tints of #315fbf

Tones of #315fbf

Color Blindness Simulator