#318cb7 hex color

In a RGB color space, hex #318cb7 is composed of 19.2% red, 54.9% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 23.5% magenta, 0% yellow and 28.2% black. It has a hue angle of 199.3 degrees, a saturation of 57.8% and a lightness of 45.5%. #318cb7 color hex could be obtained by blending #62ffff with #00196f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 55
- B 72
RGB color chart
- C 73
- M 23
- Y 0
- K 28
CMYK color chart

● #318cb7 color description : Moderate blue.

The hexadecimal color #318cb7 has RGB values of R:49, G:140, B:183 and CMYK values of C:0.73, M:0.23, Y:0, K:0.28. Its decimal value is 3247287.

Hex triplet	318cb7	`#318cb7`
RGB Decimal	49, 140, 183	`rgb(49,140,183)`
RGB Percent	19.2, 54.9, 71.8	`rgb(19.2%,54.9%,71.8%)`
CMYK	73, 23, 0, 28
HSL	199.3°, 57.8, 45.5	`hsl(199.3,57.8%,45.5%)`
HSV (or HSB)	199.3°, 73.2, 71.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.893, -12.25, -30.188
XYZ	19.19, 22.826, 48.192
xyY	0.213, 0.253, 22.826
CIE-LCH	54.893, 32.579, 247.913
CIE-LUV	54.893, -32.962, -44.574
Hunter-Lab	47.777, -11.915, -26.361
Binary	00110001, 10001100, 10110111

#318cb7
```
#318cb7 rgb(49,140,183)
```
#b75c31
```
#b75c31 rgb(183,92,49)
```

Complementary Color

#31b79f
```
#31b79f rgb(49,183,159)
```
#318cb7
```
#318cb7 rgb(49,140,183)
```
#3149b7
```
#3149b7 rgb(49,73,183)
```

Analogous Color

#b79f31
```
#b79f31 rgb(183,159,49)
```
#318cb7
```
#318cb7 rgb(49,140,183)
```
#b73149
```
#b73149 rgb(183,49,73)
```

Split Complementary Color

#8cb731
```
#8cb731 rgb(140,183,49)
```
#318cb7
```
#318cb7 rgb(49,140,183)
```
#b7318c
```
#b7318c rgb(183,49,140)
```

Triadic Color

#31b75c
```
#31b75c rgb(49,183,92)
```
#318cb7
```
#318cb7 rgb(49,140,183)
```
#b7318c
```
#b7318c rgb(183,49,140)
```
#b75c31
```
#b75c31 rgb(183,92,49)
```

Tetradic Color

#215e7b
```
#215e7b rgb(33,94,123)
```
#266d8f
```
#266d8f rgb(38,109,143)
```
#2c7da3
```
#2c7da3 rgb(44,125,163)
```
#318cb7
```
#318cb7 rgb(49,140,183)
```
#389bca
```
#389bca rgb(56,155,202)
```
#4ca5cf
```
#4ca5cf rgb(76,165,207)
```
#60afd4
```
#60afd4 rgb(96,175,212)
```

Monochromatic Color

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

#31aeb7
```
#31aeb7 rgb(49,174,183)
```
#31a2b7
```
#31a2b7 rgb(49,162,183)
```
#3197b7
```
#3197b7 rgb(49,151,183)
```
#318cb7
```
#318cb7 rgb(49,140,183)
```
#3181b7
```
#3181b7 rgb(49,129,183)
```
#3176b7
```
#3176b7 rgb(49,118,183)
```
#316bb7
```
#316bb7 rgb(49,107,183)
```

Similar Colors

Text with hexadecimal color #318cb7

This text has a font color of #318cb7.

<span style="color:#318cb7;">Text here</span>

#318cb7 background color

This paragraph has a background color of #318cb7.

<p style="background-color:#318cb7;">Content here</p>

#318cb7 border color

This element has a border color of #318cb7.

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

CSS codes

.text {color:#318cb7;}

.background {background-color:#318cb7;}

.border {border:1px solid #318cb7;}

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, #030a0d is the darkest color, while #fcfefe is the lightest one.

#030a0d
```
#030a0d rgb(3,10,13)
```
#08161c
```
#08161c rgb(8,22,28)
```
#0c212c
```
#0c212c rgb(12,33,44)
```
#102d3b
```
#102d3b rgb(16,45,59)
```
#14394b
```
#14394b rgb(20,57,75)
```
#18455a
```
#18455a rgb(24,69,90)
```
#1c516a
```
#1c516a rgb(28,81,106)
```
#205d79
```
#205d79 rgb(32,93,121)
```
#256889
```
#256889 rgb(37,104,137)
```
#297498
```
#297498 rgb(41,116,152)
```
#2d80a8
```
#2d80a8 rgb(45,128,168)
```
#318cb7
```
#318cb7 rgb(49,140,183)
```
#3598c6
```
#3598c6 rgb(53,152,198)
```

Shade Color Variation

#43a0cd
```
#43a0cd rgb(67,160,205)
```
#52a8d1
```
#52a8d1 rgb(82,168,209)
```
#62b0d5
```
#62b0d5 rgb(98,176,213)
```
#71b8d9
```
#71b8d9 rgb(113,184,217)
```
#81bfdd
```
#81bfdd rgb(129,191,221)
```
#90c7e1
```
#90c7e1 rgb(144,199,225)
```
#9fcfe5
```
#9fcfe5 rgb(159,207,229)
```
#afd7ea
```
#afd7ea rgb(175,215,234)
```
#bedfee
```
#bedfee rgb(190,223,238)
```
#cee6f2
```
#cee6f2 rgb(206,230,242)
```
#ddeef6
```
#ddeef6 rgb(221,238,246)
```
#edf6fa
```
#edf6fa rgb(237,246,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7679 is the less saturated color, while #049ce4 is the most saturated one.

#6f7679
```
#6f7679 rgb(111,118,121)
```
#677981
```
#677981 rgb(103,121,129)
```
#5e7c8a
```
#5e7c8a rgb(94,124,138)
```
#557f93
```
#557f93 rgb(85,127,147)
```
#4c829c
```
#4c829c rgb(76,130,156)
```
#4386a5
```
#4386a5 rgb(67,134,165)
```
#3a89ae
```
#3a89ae rgb(58,137,174)
```
#318cb7
```
#318cb7 rgb(49,140,183)
```
#288fc0
```
#288fc0 rgb(40,143,192)
```
#1f92c9
```
#1f92c9 rgb(31,146,201)
```
#1696d2
```
#1696d2 rgb(22,150,210)
```
#0d99db
```
#0d99db rgb(13,153,219)
```
#049ce4
```
#049ce4 rgb(4,156,228)
```

Tone Color Variation

Below, you can see how #318cb7 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

#767676 Achromatopsia 0.005% of the population
#687a83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c88b4 Protanopia 1% of men
#7488be Deuteranopia 1% of men
#1f96a1 Tritanopia 0.001% of the population

Trichromacy

#6189b5 Protanomaly 1% of men, 0.01% of women
#5b89bb Deuteranomaly 6% of men, 0.4% of women
#2592a9 Tritanomaly 0.01% of the population

#318cb7 hex color

#318cb7 Color Information

#318cb7 Color Conversion

Color Schemes with #318cb7

Alternatives to #318cb7

#318cb7 Preview

Shades and Tints of #318cb7

Tones of #318cb7

Color Blindness Simulator