#315dec hex color

In a RGB color space, hex #315dec is composed of 19.2% red, 36.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 60.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 225.9 degrees, a saturation of 83.1% and a lightness of 55.9%. #315dec color hex could be obtained by blending #62baff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 36
- B 93
RGB color chart
- C 79
- M 61
- Y 0
- K 7
CMYK color chart

● #315dec color description : Bright blue.

The hexadecimal color #315dec has RGB values of R:49, G:93, B:236 and CMYK values of C:0.79, M:0.61, Y:0, K:0.07. Its decimal value is 3235308.

Hex triplet	315dec	`#315dec`
RGB Decimal	49, 93, 236	`rgb(49,93,236)`
RGB Percent	19.2, 36.5, 92.5	`rgb(19.2%,36.5%,92.5%)`
CMYK	79, 61, 0, 7
HSL	225.9°, 83.1, 55.9	`hsl(225.9,83.1%,55.9%)`
HSV (or HSB)	225.9°, 79.2, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.992, 36.065, -76.125
XYZ	20.318, 14.536, 81.087
xyY	0.175, 0.125, 14.536
CIE-LCH	44.992, 84.236, 295.35
CIE-LUV	44.992, -17.017, -115.05
Hunter-Lab	38.127, 28.404, -99.409
Binary	00110001, 01011101, 11101100

#315dec
```
#315dec rgb(49,93,236)
```
#ecc031
```
#ecc031 rgb(236,192,49)
```

Complementary Color

#31bbec
```
#31bbec rgb(49,187,236)
```
#315dec
```
#315dec rgb(49,93,236)
```
#6331ec
```
#6331ec rgb(99,49,236)
```

Analogous Color

#bbec31
```
#bbec31 rgb(187,236,49)
```
#315dec
```
#315dec rgb(49,93,236)
```
#ec6331
```
#ec6331 rgb(236,99,49)
```

Split Complementary Color

#5dec31
```
#5dec31 rgb(93,236,49)
```
#315dec
```
#315dec rgb(49,93,236)
```
#ec315d
```
#ec315d rgb(236,49,93)
```

Triadic Color

#31ecc0
```
#31ecc0 rgb(49,236,192)
```
#315dec
```
#315dec rgb(49,93,236)
```
#ec315d
```
#ec315d rgb(236,49,93)
```
#ecc031
```
#ecc031 rgb(236,192,49)
```

Tetradic Color

#123abf
```
#123abf rgb(18,58,191)
```
#1442d6
```
#1442d6 rgb(20,66,214)
```
#1a4bea
```
#1a4bea rgb(26,75,234)
```
#315dec
```
#315dec rgb(49,93,236)
```
#486fee
```
#486fee rgb(72,111,238)
```
#6082f0
```
#6082f0 rgb(96,130,240)
```
#7794f2
```
#7794f2 rgb(119,148,242)
```

Monochromatic Color

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

#318cec
```
#318cec rgb(49,140,236)
```
#317cec
```
#317cec rgb(49,124,236)
```
#316dec
```
#316dec rgb(49,109,236)
```
#315dec
```
#315dec rgb(49,93,236)
```
#314dec
```
#314dec rgb(49,77,236)
```
#313eec
```
#313eec rgb(49,62,236)
```
#3431ec
```
#3431ec rgb(52,49,236)
```

Similar Colors

Text with hexadecimal color #315dec

This text has a font color of #315dec.

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

#315dec background color

This paragraph has a background color of #315dec.

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

#315dec border color

This element has a border color of #315dec.

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

CSS codes

.text {color:#315dec;}

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

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

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, #01030a is the darkest color, while #f7f8fe is the lightest one.

#01030a
```
#01030a rgb(1,3,10)
```
#03081b
```
#03081b rgb(3,8,27)
```
#040e2d
```
#040e2d rgb(4,14,45)
```
#06133f
```
#06133f rgb(6,19,63)
```
#081951
```
#081951 rgb(8,25,81)
```
#091e63
```
#091e63 rgb(9,30,99)
```
#0b2475
```
#0b2475 rgb(11,36,117)
```
#0c2987
```
#0c2987 rgb(12,41,135)
```
#0e2f99
```
#0e2f99 rgb(14,47,153)
```
#1034ab
```
#1034ab rgb(16,52,171)
```
#113abd
```
#113abd rgb(17,58,189)
```
#133fcf
```
#133fcf rgb(19,63,207)
```
#1545e1
```
#1545e1 rgb(21,69,225)
```

Shade Color Variation

#1f4fea
```
#1f4fea rgb(31,79,234)
```
#315dec
```
#315dec rgb(49,93,236)
```
#436bee
```
#436bee rgb(67,107,238)
```
#5579ef
```
#5579ef rgb(85,121,239)
```
#6787f1
```
#6787f1 rgb(103,135,241)
```
#7995f3
```
#7995f3 rgb(121,149,243)
```
#8ba4f4
```
#8ba4f4 rgb(139,164,244)
```
#9db2f6
```
#9db2f6 rgb(157,178,246)
```
#afc0f8
```
#afc0f8 rgb(175,192,248)
```
#c1cef9
```
#c1cef9 rgb(193,206,249)
```
#d3dcfb
```
#d3dcfb rgb(211,220,251)
```
#e5eafd
```
#e5eafd rgb(229,234,253)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888b95 is the less saturated color, while #2054fd is the most saturated one.

#888b95
```
#888b95 rgb(136,139,149)
```
#7f869e
```
#7f869e rgb(127,134,158)
```
#7682a7
```
#7682a7 rgb(118,130,167)
```
#6e7daf
```
#6e7daf rgb(110,125,175)
```
#6578b8
```
#6578b8 rgb(101,120,184)
```
#5c74c1
```
#5c74c1 rgb(92,116,193)
```
#546fc9
```
#546fc9 rgb(84,111,201)
```
#4b6bd2
```
#4b6bd2 rgb(75,107,210)
```
#4266db
```
#4266db rgb(66,102,219)
```
#3a62e3
```
#3a62e3 rgb(58,98,227)
```
#315dec
```
#315dec rgb(49,93,236)
```
#2858f5
```
#2858f5 rgb(40,88,245)
```
#2054fd
```
#2054fd rgb(32,84,253)
```

Tone Color Variation

Below, you can see how #315dec 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
#575f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#1168df Protanomaly 1% of men, 0.01% of women
#116ccd Deuteranomaly 6% of men, 0.4% of women
#1171aa Tritanomaly 0.01% of the population

#315dec hex color

#315dec Color Information

#315dec Color Conversion

Color Schemes with #315dec

Alternatives to #315dec

#315dec Preview

Shades and Tints of #315dec

Tones of #315dec

Color Blindness Simulator