#318dbc hex color

In a RGB color space, hex #318dbc is composed of 19.2% red, 55.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 25% magenta, 0% yellow and 26.3% black. It has a hue angle of 200.3 degrees, a saturation of 58.6% and a lightness of 46.5%. #318dbc color hex could be obtained by blending #62ffff with #001b79. Closest websafe color is: #3399cc.

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

● #318dbc color description : Moderate blue.

The hexadecimal color #318dbc has RGB values of R:49, G:141, B:188 and CMYK values of C:0.74, M:0.25, Y:0, K:0.26. Its decimal value is 3247548.

Hex triplet	318dbc	`#318dbc`
RGB Decimal	49, 141, 188	`rgb(49,141,188)`
RGB Percent	19.2, 55.3, 73.7	`rgb(19.2%,55.3%,73.7%)`
CMYK	74, 25, 0, 26
HSL	200.3°, 58.6, 46.5	`hsl(200.3,58.6%,46.5%)`
HSV (or HSB)	200.3°, 73.9, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.413, -11.082, -32.228
XYZ	19.866, 23.332, 51.031
xyY	0.211, 0.248, 23.332
CIE-LCH	55.413, 34.08, 251.024
CIE-LUV	55.413, -33.05, -48.108
Hunter-Lab	48.303, -11.116, -28.826
Binary	00110001, 10001101, 10111100

#318dbc
```
#318dbc rgb(49,141,188)
```
#bc6031
```
#bc6031 rgb(188,96,49)
```

Complementary Color

#31bca6
```
#31bca6 rgb(49,188,166)
```
#318dbc
```
#318dbc rgb(49,141,188)
```
#3148bc
```
#3148bc rgb(49,72,188)
```

Analogous Color

#bca631
```
#bca631 rgb(188,166,49)
```
#318dbc
```
#318dbc rgb(49,141,188)
```
#bc3147
```
#bc3147 rgb(188,49,71)
```

Split Complementary Color

#8dbc31
```
#8dbc31 rgb(141,188,49)
```
#318dbc
```
#318dbc rgb(49,141,188)
```
#bc318d
```
#bc318d rgb(188,49,141)
```

Triadic Color

#31bc60
```
#31bc60 rgb(49,188,96)
```
#318dbc
```
#318dbc rgb(49,141,188)
```
#bc318d
```
#bc318d rgb(188,49,141)
```
#bc6031
```
#bc6031 rgb(188,96,49)
```

Tetradic Color

#215f7f
```
#215f7f rgb(33,95,127)
```
#266f94
```
#266f94 rgb(38,111,148)
```
#2c7ea8
```
#2c7ea8 rgb(44,126,168)
```
#318dbc
```
#318dbc rgb(49,141,188)
```
#3b9bcc
```
#3b9bcc rgb(59,155,204)
```
#4fa5d1
```
#4fa5d1 rgb(79,165,209)
```
#63afd6
```
#63afd6 rgb(99,175,214)
```

Monochromatic Color

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

#31b0bc
```
#31b0bc rgb(49,176,188)
```
#31a4bc
```
#31a4bc rgb(49,164,188)
```
#3199bc
```
#3199bc rgb(49,153,188)
```
#318dbc
```
#318dbc rgb(49,141,188)
```
#3181bc
```
#3181bc rgb(49,129,188)
```
#3176bc
```
#3176bc rgb(49,118,188)
```
#316abc
```
#316abc rgb(49,106,188)
```

Similar Colors

Text with hexadecimal color #318dbc

This text has a font color of #318dbc.

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

#318dbc background color

This paragraph has a background color of #318dbc.

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

#318dbc border color

This element has a border color of #318dbc.

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

CSS codes

.text {color:#318dbc;}

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

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

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, #000101 is the darkest color, while #f1f8fb is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#040d11
```
#040d11 rgb(4,13,17)
```
#081820
```
#081820 rgb(8,24,32)
```
#0d2430
```
#0d2430 rgb(13,36,48)
```
#113040
```
#113040 rgb(17,48,64)
```
#153b4f
```
#153b4f rgb(21,59,79)
```
#19475f
```
#19475f rgb(25,71,95)
```
#1d536e
```
#1d536e rgb(29,83,110)
```
#215e7e
```
#215e7e rgb(33,94,126)
```
#256a8d
```
#256a8d rgb(37,106,141)
```
#29769d
```
#29769d rgb(41,118,157)
```
#2d81ac
```
#2d81ac rgb(45,129,172)
```
#318dbc
```
#318dbc rgb(49,141,188)
```

Shade Color Variation

#3698cb
```
#3698cb rgb(54,152,203)
```
#46a0cf
```
#46a0cf rgb(70,160,207)
```
#55a8d3
```
#55a8d3 rgb(85,168,211)
```
#65b0d7
```
#65b0d7 rgb(101,176,215)
```
#74b8db
```
#74b8db rgb(116,184,219)
```
#84c0df
```
#84c0df rgb(132,192,223)
```
#93c8e3
```
#93c8e3 rgb(147,200,227)
```
#a3d0e7
```
#a3d0e7 rgb(163,208,231)
```
#b2d8eb
```
#b2d8eb rgb(178,216,235)
```
#c2e0ef
```
#c2e0ef rgb(194,224,239)
```
#d2e8f3
```
#d2e8f3 rgb(210,232,243)
```
#e1f0f7
```
#e1f0f7 rgb(225,240,247)
```
#f1f8fb
```
#f1f8fb rgb(241,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71787c is the less saturated color, while #039cea is the most saturated one.

#71787c
```
#71787c rgb(113,120,124)
```
#687b85
```
#687b85 rgb(104,123,133)
```
#5f7e8e
```
#5f7e8e rgb(95,126,142)
```
#558198
```
#558198 rgb(85,129,152)
```
#4c84a1
```
#4c84a1 rgb(76,132,161)
```
#4387aa
```
#4387aa rgb(67,135,170)
```
#3a8ab3
```
#3a8ab3 rgb(58,138,179)
```
#318dbc
```
#318dbc rgb(49,141,188)
```
#2890c5
```
#2890c5 rgb(40,144,197)
```
#1f93ce
```
#1f93ce rgb(31,147,206)
```
#1696d7
```
#1696d7 rgb(22,150,215)
```
#0d99e0
```
#0d99e0 rgb(13,153,224)
```
#039cea
```
#039cea rgb(3,156,234)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#697b85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c89b8 Protanopia 1% of men
#728ac3 Deuteranopia 1% of men
#1698a3 Tritanopia 0.001% of the population

Trichromacy

#608ab9 Protanomaly 1% of men, 0.01% of women
#5a8bc0 Deuteranomaly 6% of men, 0.4% of women
#1f94ac Tritanomaly 0.01% of the population

#318dbc hex color

#318dbc Color Information

#318dbc Color Conversion

Color Schemes with #318dbc

Alternatives to #318dbc

#318dbc Preview

Shades and Tints of #318dbc

Tones of #318dbc

Color Blindness Simulator