colorhexa.com

#314cc6 hex color

In a RGB color space, hex #314cc6 is composed of 19.2% red, 29.8% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 61.6% magenta, 0% yellow and 22.4% black. It has a hue angle of 229.1 degrees, a saturation of 60.3% and a lightness of 48.4%. #314cc6 color hex could be obtained by blending #6298ff with #00008d. Closest websafe color is: #3333cc.

- R 19
- G 30
- B 78
RGB color chart
- C 75
- M 62
- Y 0
- K 22
CMYK color chart

● #314cc6 color description : Strong blue.

The hexadecimal color #314cc6 has RGB values of R:49, G:76, B:198 and CMYK values of C:0.75, M:0.62, Y:0, K:0.22. Its decimal value is 3230918.

Hex triplet	314cc6	`#314cc6`
RGB Decimal	49, 76, 198	`rgb(49,76,198)`
RGB Percent	19.2, 29.8, 77.6	`rgb(19.2%,29.8%,77.6%)`
CMYK	75, 62, 0, 22
HSL	229.1°, 60.3, 48.4	`hsl(229.1,60.3%,48.4%)`
HSV (or HSB)	229.1°, 75.3, 77.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.659, 33.033, -66.372
XYZ	14.042, 9.898, 54.593
xyY	0.179, 0.126, 9.898
CIE-LCH	37.659, 74.138, 296.46
CIE-LUV	37.659, -12.582, -95.623
Hunter-Lab	31.461, 24.612, -80.861
Binary	00110001, 01001100, 11000110

#314cc6
```
#314cc6 rgb(49,76,198)
```
#c6ab31
```
#c6ab31 rgb(198,171,49)
```

Complementary Color

#3197c6
```
#3197c6 rgb(49,151,198)
```
#314cc6
```
#314cc6 rgb(49,76,198)
```
#6131c6
```
#6131c6 rgb(97,49,198)
```

Analogous Color

#97c631
```
#97c631 rgb(151,198,49)
```
#314cc6
```
#314cc6 rgb(49,76,198)
```
#c66131
```
#c66131 rgb(198,97,49)
```

Split Complementary Color

#4cc631
```
#4cc631 rgb(76,198,49)
```
#314cc6
```
#314cc6 rgb(49,76,198)
```
#c6314c
```
#c6314c rgb(198,49,76)
```

Triadic Color

#31c6ab
```
#31c6ab rgb(49,198,171)
```
#314cc6
```
#314cc6 rgb(49,76,198)
```
#c6314c
```
#c6314c rgb(198,49,76)
```
#c6ab31
```
#c6ab31 rgb(198,171,49)
```

Tetradic Color

#223489
```
#223489 rgb(34,52,137)
```
#273c9d
```
#273c9d rgb(39,60,157)
```
#2c44b2
```
#2c44b2 rgb(44,68,178)
```
#314cc6
```
#314cc6 rgb(49,76,198)
```
#415bd0
```
#415bd0 rgb(65,91,208)
```
#556cd5
```
#556cd5 rgb(85,108,213)
```
#697eda
```
#697eda rgb(105,126,218)
```

Monochromatic Color

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

#3171c6
```
#3171c6 rgb(49,113,198)
```
#3165c6
```
#3165c6 rgb(49,101,198)
```
#3158c6
```
#3158c6 rgb(49,88,198)
```
#314cc6
```
#314cc6 rgb(49,76,198)
```
#3140c6
```
#3140c6 rgb(49,64,198)
```
#3133c6
```
#3133c6 rgb(49,51,198)
```
#3b31c6
```
#3b31c6 rgb(59,49,198)
```

Similar Colors

Text with hexadecimal color #314cc6

This text has a font color of #314cc6.

<span style="color:#314cc6;">Text here</span>

#314cc6 background color

This paragraph has a background color of #314cc6.

<p style="background-color:#314cc6;">Content here</p>

#314cc6 border color

This element has a border color of #314cc6.

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

CSS codes

.text {color:#314cc6;}

.background {background-color:#314cc6;}

.border {border:1px solid #314cc6;}

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

#020409
```
#020409 rgb(2,4,9)
```
#060a19
```
#060a19 rgb(6,10,25)
```
#0a1029
```
#0a1029 rgb(10,16,41)
```
#0e1638
```
#0e1638 rgb(14,22,56)
```
#121c48
```
#121c48 rgb(18,28,72)
```
#162258
```
#162258 rgb(22,34,88)
```
#1a2868
```
#1a2868 rgb(26,40,104)
```
#1e2e77
```
#1e2e77 rgb(30,46,119)
```
#213487
```
#213487 rgb(33,52,135)
```
#253a97
```
#253a97 rgb(37,58,151)
```
#2940a7
```
#2940a7 rgb(41,64,167)
```
#2d46b6
```
#2d46b6 rgb(45,70,182)
```
#314cc6
```
#314cc6 rgb(49,76,198)
```

Shade Color Variation

#3c57cf
```
#3c57cf rgb(60,87,207)
```
#4c64d3
```
#4c64d3 rgb(76,100,211)
```
#5b72d6
```
#5b72d6 rgb(91,114,214)
```
#6b7fda
```
#6b7fda rgb(107,127,218)
```
#7b8dde
```
#7b8dde rgb(123,141,222)
```
#8b9ae2
```
#8b9ae2 rgb(139,154,226)
```
#9aa8e6
```
#9aa8e6 rgb(154,168,230)
```
#aab6ea
```
#aab6ea rgb(170,182,234)
```
#bac3ee
```
#bac3ee rgb(186,195,238)
```
#c9d1f2
```
#c9d1f2 rgb(201,209,242)
```
#d9def6
```
#d9def6 rgb(217,222,246)
```
#e9ecfa
```
#e9ecfa rgb(233,236,250)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747684 is the less saturated color, while #012ef6 is the most saturated one.

#747684
```
#747684 rgb(116,118,132)
```
#6a708d
```
#6a708d rgb(106,112,141)
```
#616a97
```
#616a97 rgb(97,106,151)
```
#5764a0
```
#5764a0 rgb(87,100,160)
```
#4e5eaa
```
#4e5eaa rgb(78,94,170)
```
#4458b3
```
#4458b3 rgb(68,88,179)
```
#3b52bd
```
#3b52bd rgb(59,82,189)
```
#314cc6
```
#314cc6 rgb(49,76,198)
```
#2846d0
```
#2846d0 rgb(40,70,208)
```
#1e40d9
```
#1e40d9 rgb(30,64,217)
```
#153ae3
```
#153ae3 rgb(21,58,227)
```
#0b34ec
```
#0b34ec rgb(11,52,236)
```
#012ef6
```
#012ef6 rgb(1,46,246)
```

Tone Color Variation

Below, you can see how #314cc6 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

#525252 Achromatopsia 0.005% of the population
#4b5169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0063a0 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#1157bd Protanomaly 1% of men, 0.01% of women
#115bae Deuteranomaly 6% of men, 0.4% of women
#115f8f Tritanomaly 0.01% of the population