#315fdd hex color

In a RGB color space, hex #315fdd is composed of 19.2% red, 37.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 57% magenta, 0% yellow and 13.3% black. It has a hue angle of 224 degrees, a saturation of 71.7% and a lightness of 52.9%. #315fdd color hex could be obtained by blending #62beff with #0000bb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 37
- B 87
RGB color chart
- C 78
- M 57
- Y 0
- K 13
CMYK color chart

● #315fdd color description : Bright blue.

The hexadecimal color #315fdd has RGB values of R:49, G:95, B:221 and CMYK values of C:0.78, M:0.57, Y:0, K:0.13. Its decimal value is 3235805.

Hex triplet	315fdd	`#315fdd`
RGB Decimal	49, 95, 221	`rgb(49,95,221)`
RGB Percent	19.2, 37.3, 86.7	`rgb(19.2%,37.3%,86.7%)`
CMYK	78, 57, 0, 13
HSL	224°, 71.7, 52.9	`hsl(224,71.7%,52.9%)`
HSV (or HSB)	224°, 77.8, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.314, 29.307, -68.744
XYZ	18.407, 14.056, 70.146
xyY	0.179, 0.137, 14.056
CIE-LCH	44.314, 74.731, 293.09
CIE-LUV	44.314, -17.504, -104.049
Hunter-Lab	37.492, 22.026, -84.684
Binary	00110001, 01011111, 11011101

#315fdd
```
#315fdd rgb(49,95,221)
```
#ddaf31
```
#ddaf31 rgb(221,175,49)
```

Complementary Color

#31b5dd
```
#31b5dd rgb(49,181,221)
```
#315fdd
```
#315fdd rgb(49,95,221)
```
#5931dd
```
#5931dd rgb(89,49,221)
```

Analogous Color

#b5dd31
```
#b5dd31 rgb(181,221,49)
```
#315fdd
```
#315fdd rgb(49,95,221)
```
#dd5931
```
#dd5931 rgb(221,89,49)
```

Split Complementary Color

#5fdd31
```
#5fdd31 rgb(95,221,49)
```
#315fdd
```
#315fdd rgb(49,95,221)
```
#dd315f
```
#dd315f rgb(221,49,95)
```

Triadic Color

#31ddaf
```
#31ddaf rgb(49,221,175)
```
#315fdd
```
#315fdd rgb(49,95,221)
```
#dd315f
```
#dd315f rgb(221,49,95)
```
#ddaf31
```
#ddaf31 rgb(221,175,49)
```

Tetradic Color

#1b41a6
```
#1b41a6 rgb(27,65,166)
```
#1f49bc
```
#1f49bc rgb(31,73,188)
```
#2352d2
```
#2352d2 rgb(35,82,210)
```
#315fdd
```
#315fdd rgb(49,95,221)
```
#4770e1
```
#4770e1 rgb(71,112,225)
```
#5d81e4
```
#5d81e4 rgb(93,129,228)
```
#7392e8
```
#7392e8 rgb(115,146,232)
```

Monochromatic Color

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

#318add
```
#318add rgb(49,138,221)
```
#317cdd
```
#317cdd rgb(49,124,221)
```
#316ddd
```
#316ddd rgb(49,109,221)
```
#315fdd
```
#315fdd rgb(49,95,221)
```
#3151dd
```
#3151dd rgb(49,81,221)
```
#3142dd
```
#3142dd rgb(49,66,221)
```
#3134dd
```
#3134dd rgb(49,52,221)
```

Similar Colors

Text with hexadecimal color #315fdd

This text has a font color of #315fdd.

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

#315fdd background color

This paragraph has a background color of #315fdd.

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

#315fdd border color

This element has a border color of #315fdd.

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

CSS codes

.text {color:#315fdd;}

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

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

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

#02050d
```
#02050d rgb(2,5,13)
```
#050c1e
```
#050c1e rgb(5,12,30)
```
#08122f
```
#08122f rgb(8,18,47)
```
#0a193f
```
#0a193f rgb(10,25,63)
```
#0d1f50
```
#0d1f50 rgb(13,31,80)
```
#102661
```
#102661 rgb(16,38,97)
```
#132c72
```
#132c72 rgb(19,44,114)
```
#163383
```
#163383 rgb(22,51,131)
```
#183994
```
#183994 rgb(24,57,148)
```
#1b40a4
```
#1b40a4 rgb(27,64,164)
```
#1e46b5
```
#1e46b5 rgb(30,70,181)
```
#214dc6
```
#214dc6 rgb(33,77,198)
```
#2353d7
```
#2353d7 rgb(35,83,215)
```

Shade Color Variation

#315fdd
```
#315fdd rgb(49,95,221)
```
#426ce0
```
#426ce0 rgb(66,108,224)
```
#5379e3
```
#5379e3 rgb(83,121,227)
```
#6486e5
```
#6486e5 rgb(100,134,229)
```
#7493e8
```
#7493e8 rgb(116,147,232)
```
#85a0eb
```
#85a0eb rgb(133,160,235)
```
#96adee
```
#96adee rgb(150,173,238)
```
#a7bbf0
```
#a7bbf0 rgb(167,187,240)
```
#b8c8f3
```
#b8c8f3 rgb(184,200,243)
```
#c9d5f6
```
#c9d5f6 rgb(201,213,246)
```
#d9e2f9
```
#d9e2f9 rgb(217,226,249)
```
#eaeffc
```
#eaeffc rgb(234,239,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84868a is the less saturated color, while #1552f9 is the most saturated one.

#84868a
```
#84868a rgb(132,134,138)
```
#7b8193
```
#7b8193 rgb(123,129,147)
```
#727d9c
```
#727d9c rgb(114,125,156)
```
#6879a6
```
#6879a6 rgb(104,121,166)
```
#5f74af
```
#5f74af rgb(95,116,175)
```
#5670b8
```
#5670b8 rgb(86,112,184)
```
#4d6cc1
```
#4d6cc1 rgb(77,108,193)
```
#4368cb
```
#4368cb rgb(67,104,203)
```
#3a63d4
```
#3a63d4 rgb(58,99,212)
```
#315fdd
```
#315fdd rgb(49,95,221)
```
#285be6
```
#285be6 rgb(40,91,230)
```
#1f56ef
```
#1f56ef rgb(31,86,239)
```
#1552f9
```
#1552f9 rgb(21,82,249)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#576079 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073ba Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1167d8 Protanomaly 1% of men, 0.01% of women
#116bc7 Deuteranomaly 6% of men, 0.4% of women
#1171a3 Tritanomaly 0.01% of the population

#315fdd hex color

#315fdd Color Information

#315fdd Color Conversion

Color Schemes with #315fdd

Alternatives to #315fdd

#315fdd Preview

Shades and Tints of #315fdd

Tones of #315fdd

Color Blindness Simulator