#315edf hex color

In a RGB color space, hex #315edf is composed of 19.2% red, 36.9% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 57.8% magenta, 0% yellow and 12.5% black. It has a hue angle of 224.5 degrees, a saturation of 73.1% and a lightness of 53.3%. #315edf color hex could be obtained by blending #62bcff with #0000bf. Closest websafe color is: #3366cc.

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

● #315edf color description : Bright blue.

The hexadecimal color #315edf has RGB values of R:49, G:94, B:223 and CMYK values of C:0.78, M:0.58, Y:0, K:0.13. Its decimal value is 3235551.

Hex triplet	315edf	`#315edf`
RGB Decimal	49, 94, 223	`rgb(49,94,223)`
RGB Percent	19.2, 36.9, 87.5	`rgb(19.2%,36.9%,87.5%)`
CMYK	78, 58, 0, 13
HSL	224.5°, 73.1, 53.3	`hsl(224.5,73.1%,53.3%)`
HSV (or HSB)	224.5°, 78, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.211, 30.683, -70.049
XYZ	18.586, 13.985, 71.528
xyY	0.179, 0.134, 13.985
CIE-LCH	44.211, 76.474, 293.655
CIE-LUV	44.211, -17.242, -105.858
Hunter-Lab	37.396, 23.271, -87.227
Binary	00110001, 01011110, 11011111

#315edf
```
#315edf rgb(49,94,223)
```
#dfb231
```
#dfb231 rgb(223,178,49)
```

Complementary Color

#31b5df
```
#31b5df rgb(49,181,223)
```
#315edf
```
#315edf rgb(49,94,223)
```
#5b31df
```
#5b31df rgb(91,49,223)
```

Analogous Color

#b5df31
```
#b5df31 rgb(181,223,49)
```
#315edf
```
#315edf rgb(49,94,223)
```
#df5b31
```
#df5b31 rgb(223,91,49)
```

Split Complementary Color

#5edf31
```
#5edf31 rgb(94,223,49)
```
#315edf
```
#315edf rgb(49,94,223)
```
#df315e
```
#df315e rgb(223,49,94)
```

Triadic Color

#31dfb2
```
#31dfb2 rgb(49,223,178)
```
#315edf
```
#315edf rgb(49,94,223)
```
#df315e
```
#df315e rgb(223,49,94)
```
#dfb231
```
#dfb231 rgb(223,178,49)
```

Tetradic Color

#1a3fa9
```
#1a3fa9 rgb(26,63,169)
```
#1e48bf
```
#1e48bf rgb(30,72,191)
```
#2150d5
```
#2150d5 rgb(33,80,213)
```
#315edf
```
#315edf rgb(49,94,223)
```
#476fe2
```
#476fe2 rgb(71,111,226)
```
#5d81e6
```
#5d81e6 rgb(93,129,230)
```
#7392e9
```
#7392e9 rgb(115,146,233)
```

Monochromatic Color

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

#318adf
```
#318adf rgb(49,138,223)
```
#317bdf
```
#317bdf rgb(49,123,223)
```
#316ddf
```
#316ddf rgb(49,109,223)
```
#315edf
```
#315edf rgb(49,94,223)
```
#3150df
```
#3150df rgb(49,80,223)
```
#3141df
```
#3141df rgb(49,65,223)
```
#3133df
```
#3133df rgb(49,51,223)
```

Similar Colors

Text with hexadecimal color #315edf

This text has a font color of #315edf.

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

#315edf background color

This paragraph has a background color of #315edf.

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

#315edf border color

This element has a border color of #315edf.

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

CSS codes

.text {color:#315edf;}

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

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

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

#02050f
```
#02050f rgb(2,5,15)
```
#050c20
```
#050c20 rgb(5,12,32)
```
#081231
```
#081231 rgb(8,18,49)
```
#0a1942
```
#0a1942 rgb(10,25,66)
```
#0d1f53
```
#0d1f53 rgb(13,31,83)
```
#0f2564
```
#0f2564 rgb(15,37,100)
```
#122c75
```
#122c75 rgb(18,44,117)
```
#153286
```
#153286 rgb(21,50,134)
```
#173897
```
#173897 rgb(23,56,151)
```
#1a3fa8
```
#1a3fa8 rgb(26,63,168)
```
#1d45b8
```
#1d45b8 rgb(29,69,184)
```
#1f4bc9
```
#1f4bc9 rgb(31,75,201)
```
#2252da
```
#2252da rgb(34,82,218)
```

Shade Color Variation

#315edf
```
#315edf rgb(49,94,223)
```
#426be2
```
#426be2 rgb(66,107,226)
```
#5379e4
```
#5379e4 rgb(83,121,228)
```
#6486e7
```
#6486e7 rgb(100,134,231)
```
#7593ea
```
#7593ea rgb(117,147,234)
```
#86a0ec
```
#86a0ec rgb(134,160,236)
```
#97aeef
```
#97aeef rgb(151,174,239)
```
#a8bbf1
```
#a8bbf1 rgb(168,187,241)
```
#b9c8f4
```
#b9c8f4 rgb(185,200,244)
```
#cad5f7
```
#cad5f7 rgb(202,213,247)
```
#dbe3f9
```
#dbe3f9 rgb(219,227,249)
```
#ecf0fc
```
#ecf0fc rgb(236,240,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83868d is the less saturated color, while #1651fa is the most saturated one.

#83868d
```
#83868d rgb(131,134,141)
```
#7a8196
```
#7a8196 rgb(122,129,150)
```
#717d9f
```
#717d9f rgb(113,125,159)
```
#6879a8
```
#6879a8 rgb(104,121,168)
```
#5f74b1
```
#5f74b1 rgb(95,116,177)
```
#5670ba
```
#5670ba rgb(86,112,186)
```
#4c6bc4
```
#4c6bc4 rgb(76,107,196)
```
#4367cd
```
#4367cd rgb(67,103,205)
```
#3a62d6
```
#3a62d6 rgb(58,98,214)
```
#315edf
```
#315edf rgb(49,94,223)
```
#285ae8
```
#285ae8 rgb(40,90,232)
```
#1f55f1
```
#1f55f1 rgb(31,85,241)
```
#1651fa
```
#1651fa rgb(22,81,250)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#565f79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd5 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
#1170a4 Tritanomaly 0.01% of the population

#315edf hex color

#315edf Color Information

#315edf Color Conversion

Color Schemes with #315edf

Alternatives to #315edf

#315edf Preview

Shades and Tints of #315edf

Tones of #315edf

Color Blindness Simulator