#318bc6 hex color

In a RGB color space, hex #318bc6 is composed of 19.2% red, 54.5% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 29.8% magenta, 0% yellow and 22.4% black. It has a hue angle of 203.8 degrees, a saturation of 60.3% and a lightness of 48.4%. #318bc6 color hex could be obtained by blending #62ffff with #00178d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 55
- B 78
RGB color chart
- C 75
- M 30
- Y 0
- K 22
CMYK color chart

● #318bc6 color description : Strong blue.

The hexadecimal color #318bc6 has RGB values of R:49, G:139, B:198 and CMYK values of C:0.75, M:0.3, Y:0, K:0.22. Its decimal value is 3247046.

Hex triplet	318bc6	`#318bc6`
RGB Decimal	49, 139, 198	`rgb(49,139,198)`
RGB Percent	19.2, 54.5, 77.6	`rgb(19.2%,54.5%,77.6%)`
CMYK	75, 30, 0, 22
HSL	203.8°, 60.3, 48.4	`hsl(203.8,60.3%,48.4%)`
HSV (or HSB)	203.8°, 75.3, 77.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.271, -6.428, -38.127
XYZ	20.69, 23.194, 56.809
xyY	0.205, 0.23, 23.194
CIE-LCH	55.271, 38.666, 260.43
CIE-LUV	55.271, -31.834, -58.254
Hunter-Lab	48.16, -7.595, -36.227
Binary	00110001, 10001011, 11000110

#318bc6
```
#318bc6 rgb(49,139,198)
```
#c66c31
```
#c66c31 rgb(198,108,49)
```

Complementary Color

#31c6b7
```
#31c6b7 rgb(49,198,183)
```
#318bc6
```
#318bc6 rgb(49,139,198)
```
#3141c6
```
#3141c6 rgb(49,65,198)
```

Analogous Color

#c6b731
```
#c6b731 rgb(198,183,49)
```
#318bc6
```
#318bc6 rgb(49,139,198)
```
#c63141
```
#c63141 rgb(198,49,65)
```

Split Complementary Color

#8bc631
```
#8bc631 rgb(139,198,49)
```
#318bc6
```
#318bc6 rgb(49,139,198)
```
#c6318b
```
#c6318b rgb(198,49,139)
```

Triadic Color

#31c66c
```
#31c66c rgb(49,198,108)
```
#318bc6
```
#318bc6 rgb(49,139,198)
```
#c6318b
```
#c6318b rgb(198,49,139)
```
#c66c31
```
#c66c31 rgb(198,108,49)
```

Tetradic Color

#226089
```
#226089 rgb(34,96,137)
```
#276e9d
```
#276e9d rgb(39,110,157)
```
#2c7db2
```
#2c7db2 rgb(44,125,178)
```
#318bc6
```
#318bc6 rgb(49,139,198)
```
#4197d0
```
#4197d0 rgb(65,151,208)
```
#55a2d5
```
#55a2d5 rgb(85,162,213)
```
#69adda
```
#69adda rgb(105,173,218)
```

Monochromatic Color

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

#31b0c6
```
#31b0c6 rgb(49,176,198)
```
#31a4c6
```
#31a4c6 rgb(49,164,198)
```
#3197c6
```
#3197c6 rgb(49,151,198)
```
#318bc6
```
#318bc6 rgb(49,139,198)
```
#317fc6
```
#317fc6 rgb(49,127,198)
```
#3172c6
```
#3172c6 rgb(49,114,198)
```
#3166c6
```
#3166c6 rgb(49,102,198)
```

Similar Colors

Text with hexadecimal color #318bc6

This text has a font color of #318bc6.

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

#318bc6 background color

This paragraph has a background color of #318bc6.

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

#318bc6 border color

This element has a border color of #318bc6.

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

CSS codes

.text {color:#318bc6;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#061219
```
#061219 rgb(6,18,25)
```
#0a1d29
```
#0a1d29 rgb(10,29,41)
```
#0e2838
```
#0e2838 rgb(14,40,56)
```
#123348
```
#123348 rgb(18,51,72)
```
#163e58
```
#163e58 rgb(22,62,88)
```
#1a4968
```
#1a4968 rgb(26,73,104)
```
#1e5477
```
#1e5477 rgb(30,84,119)
```
#215f87
```
#215f87 rgb(33,95,135)
```
#256a97
```
#256a97 rgb(37,106,151)
```
#2975a7
```
#2975a7 rgb(41,117,167)
```
#2d80b6
```
#2d80b6 rgb(45,128,182)
```
#318bc6
```
#318bc6 rgb(49,139,198)
```

Shade Color Variation

#3c95cf
```
#3c95cf rgb(60,149,207)
```
#4c9dd3
```
#4c9dd3 rgb(76,157,211)
```
#5ba6d6
```
#5ba6d6 rgb(91,166,214)
```
#6baeda
```
#6baeda rgb(107,174,218)
```
#7bb7de
```
#7bb7de rgb(123,183,222)
```
#8bbfe2
```
#8bbfe2 rgb(139,191,226)
```
#9ac8e6
```
#9ac8e6 rgb(154,200,230)
```
#aad1ea
```
#aad1ea rgb(170,209,234)
```
#bad9ee
```
#bad9ee rgb(186,217,238)
```
#c9e2f2
```
#c9e2f2 rgb(201,226,242)
```
#d9eaf6
```
#d9eaf6 rgb(217,234,246)
```
#e9f3fa
```
#e9f3fa rgb(233,243,250)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747d84 is the less saturated color, while #0195f6 is the most saturated one.

#747d84
```
#747d84 rgb(116,125,132)
```
#6a7f8d
```
#6a7f8d rgb(106,127,141)
```
#618197
```
#618197 rgb(97,129,151)
```
#5783a0
```
#5783a0 rgb(87,131,160)
```
#4e85aa
```
#4e85aa rgb(78,133,170)
```
#4487b3
```
#4487b3 rgb(68,135,179)
```
#3b89bd
```
#3b89bd rgb(59,137,189)
```
#318bc6
```
#318bc6 rgb(49,139,198)
```
#288dd0
```
#288dd0 rgb(40,141,208)
```
#1e8fd9
```
#1e8fd9 rgb(30,143,217)
```
#1591e3
```
#1591e3 rgb(21,145,227)
```
#0b93ec
```
#0b93ec rgb(11,147,236)
```
#0195f6
```
#0195f6 rgb(1,149,246)
```

Tone Color Variation

Below, you can see how #318bc6 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
#697b87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7688c2 Protanopia 1% of men
#688acb Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#5d89c4 Protanomaly 1% of men, 0.01% of women
#548ac9 Deuteranomaly 6% of men, 0.4% of women
#1193af Tritanomaly 0.01% of the population

#318bc6 hex color

#318bc6 Color Information

#318bc6 Color Conversion

Color Schemes with #318bc6

Alternatives to #318bc6

#318bc6 Preview

Shades and Tints of #318bc6

Tones of #318bc6

Color Blindness Simulator