#315cbf hex color

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

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

● #315cbf color description : Moderate blue.

The hexadecimal color #315cbf has RGB values of R:49, G:92, B:191 and CMYK values of C:0.74, M:0.52, Y:0, K:0.25. Its decimal value is 3235007.

Hex triplet	315cbf	`#315cbf`
RGB Decimal	49, 92, 191	`rgb(49,92,191)`
RGB Percent	19.2, 36.1, 74.9	`rgb(19.2%,36.1%,74.9%)`
CMYK	74, 52, 0, 25
HSL	221.8°, 59.2, 47.1	`hsl(221.8,59.2%,47.1%)`
HSV (or HSB)	221.8°, 74.3, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.324, 20.054, -56.339
XYZ	14.496, 12.068, 50.853
xyY	0.187, 0.156, 12.068
CIE-LCH	41.324, 59.801, 289.593
CIE-LUV	41.324, -16.791, -83.966
Hunter-Lab	34.739, 13.691, -62.475
Binary	00110001, 01011100, 10111111

#315cbf
```
#315cbf rgb(49,92,191)
```
#bf9431
```
#bf9431 rgb(191,148,49)
```

Complementary Color

#31a3bf
```
#31a3bf rgb(49,163,191)
```
#315cbf
```
#315cbf rgb(49,92,191)
```
#4d31bf
```
#4d31bf rgb(77,49,191)
```

Analogous Color

#a3bf31
```
#a3bf31 rgb(163,191,49)
```
#315cbf
```
#315cbf rgb(49,92,191)
```
#bf4d31
```
#bf4d31 rgb(191,77,49)
```

Split Complementary Color

#5cbf31
```
#5cbf31 rgb(92,191,49)
```
#315cbf
```
#315cbf rgb(49,92,191)
```
#bf315c
```
#bf315c rgb(191,49,92)
```

Triadic Color

#31bf94
```
#31bf94 rgb(49,191,148)
```
#315cbf
```
#315cbf rgb(49,92,191)
```
#bf315c
```
#bf315c rgb(191,49,92)
```
#bf9431
```
#bf9431 rgb(191,148,49)
```

Tetradic Color

#213f82
```
#213f82 rgb(33,63,130)
```
#274896
```
#274896 rgb(39,72,150)
```
#2c52ab
```
#2c52ab rgb(44,82,171)
```
#315cbf
```
#315cbf rgb(49,92,191)
```
#3c68cd
```
#3c68cd rgb(60,104,205)
```
#5178d2
```
#5178d2 rgb(81,120,210)
```
#6588d7
```
#6588d7 rgb(101,136,215)
```

Monochromatic Color

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

#3180bf
```
#3180bf rgb(49,128,191)
```
#3174bf
```
#3174bf rgb(49,116,191)
```
#3168bf
```
#3168bf rgb(49,104,191)
```
#315cbf
```
#315cbf rgb(49,92,191)
```
#3150bf
```
#3150bf rgb(49,80,191)
```
#3144bf
```
#3144bf rgb(49,68,191)
```
#3139bf
```
#3139bf rgb(49,57,191)
```

Similar Colors

Text with hexadecimal color #315cbf

This text has a font color of #315cbf.

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

#315cbf background color

This paragraph has a background color of #315cbf.

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

#315cbf border color

This element has a border color of #315cbf.

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

CSS codes

.text {color:#315cbf;}

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

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

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)
```
#050913
```
#050913 rgb(5,9,19)
```
#091123
```
#091123 rgb(9,17,35)
```
#0d1833
```
#0d1833 rgb(13,24,51)
```
#112042
```
#112042 rgb(17,32,66)
```
#152752
```
#152752 rgb(21,39,82)
```
#192f61
```
#192f61 rgb(25,47,97)
```
#1d3671
```
#1d3671 rgb(29,54,113)
```
#213e81
```
#213e81 rgb(33,62,129)
```
#254590
```
#254590 rgb(37,69,144)
```
#294da0
```
#294da0 rgb(41,77,160)
```
#2d54af
```
#2d54af rgb(45,84,175)
```
#315cbf
```
#315cbf rgb(49,92,191)
```

Shade Color Variation

#3865cc
```
#3865cc rgb(56,101,204)
```
#4771d0
```
#4771d0 rgb(71,113,208)
```
#577dd4
```
#577dd4 rgb(87,125,212)
```
#6789d8
```
#6789d8 rgb(103,137,216)
```
#7695dc
```
#7695dc rgb(118,149,220)
```
#86a1e0
```
#86a1e0 rgb(134,161,224)
```
#95ade4
```
#95ade4 rgb(149,173,228)
```
#a5b9e8
```
#a5b9e8 rgb(165,185,232)
```
#b5c5ec
```
#b5c5ec rgb(181,197,236)
```
#c4d1f0
```
#c4d1f0 rgb(196,209,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, #72757e is the less saturated color, while #034aed is the most saturated one.

#72757e
```
#72757e rgb(114,117,126)
```
#687288
```
#687288 rgb(104,114,136)
```
#5f6e91
```
#5f6e91 rgb(95,110,145)
```
#566b9a
```
#566b9a rgb(86,107,154)
```
#4d67a3
```
#4d67a3 rgb(77,103,163)
```
#4363ad
```
#4363ad rgb(67,99,173)
```
#3a60b6
```
#3a60b6 rgb(58,96,182)
```
#315cbf
```
#315cbf rgb(49,92,191)
```
#2858c8
```
#2858c8 rgb(40,88,200)
```
#1f55d1
```
#1f55d1 rgb(31,85,209)
```
#1551db
```
#1551db rgb(21,81,219)
```
#0c4de4
```
#0c4de4 rgb(12,77,228)
```
#034aed
```
#034aed rgb(3,74,237)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#525a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2366c4 Protanopia 1% of men
#006bb1 Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#2862c2 Protanomaly 1% of men, 0.01% of women
#1166b6 Deuteranomaly 6% of men, 0.4% of women
#116b93 Tritanomaly 0.01% of the population

#315cbf hex color

#315cbf Color Information

#315cbf Color Conversion

Color Schemes with #315cbf

Alternatives to #315cbf

#315cbf Preview

Shades and Tints of #315cbf

Tones of #315cbf

Color Blindness Simulator