#314acc hex color

In a RGB color space, hex #314acc is composed of 19.2% red, 29% green and 80% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 63.7% magenta, 0% yellow and 20% black. It has a hue angle of 230.3 degrees, a saturation of 61.3% and a lightness of 49.6%. #314acc color hex could be obtained by blending #6294ff with #000099. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 29
- B 80
RGB color chart
- C 76
- M 64
- Y 0
- K 20
CMYK color chart

● #314acc color description : Strong blue.

The hexadecimal color #314acc has RGB values of R:49, G:74, B:204 and CMYK values of C:0.76, M:0.64, Y:0, K:0.2. Its decimal value is 3230412.

Hex triplet	314acc	`#314acc`
RGB Decimal	49, 74, 204	`rgb(49,74,204)`
RGB Percent	19.2, 29, 80	`rgb(19.2%,29%,80%)`
CMYK	76, 64, 0, 20
HSL	230.3°, 61.3, 49.6	`hsl(230.3,61.3%,49.6%)`
HSV (or HSB)	230.3°, 76, 80
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.679, 36.478, -69.824
XYZ	14.612, 9.909, 58.266
xyY	0.177, 0.12, 9.909
CIE-LCH	37.679, 78.778, 297.584
CIE-LUV	37.679, -12.215, -100.179
Hunter-Lab	31.479, 27.77, -87.708
Binary	00110001, 01001010, 11001100

#314acc
```
#314acc rgb(49,74,204)
```
#ccb331
```
#ccb331 rgb(204,179,49)
```

Complementary Color

#3198cc
```
#3198cc rgb(49,152,204)
```
#314acc
```
#314acc rgb(49,74,204)
```
#6631cc
```
#6631cc rgb(102,49,204)
```

Analogous Color

#98cc31
```
#98cc31 rgb(152,204,49)
```
#314acc
```
#314acc rgb(49,74,204)
```
#cc6631
```
#cc6631 rgb(204,102,49)
```

Split Complementary Color

#4acc31
```
#4acc31 rgb(74,204,49)
```
#314acc
```
#314acc rgb(49,74,204)
```
#cc314a
```
#cc314a rgb(204,49,74)
```

Triadic Color

#31ccb3
```
#31ccb3 rgb(49,204,179)
```
#314acc
```
#314acc rgb(49,74,204)
```
#cc314a
```
#cc314a rgb(204,49,74)
```
#ccb331
```
#ccb331 rgb(204,179,49)
```

Tetradic Color

#22348e
```
#22348e rgb(34,52,142)
```
#273ba3
```
#273ba3 rgb(39,59,163)
```
#2c43b7
```
#2c43b7 rgb(44,67,183)
```
#314acc
```
#314acc rgb(49,74,204)
```
#445bd2
```
#445bd2 rgb(68,91,210)
```
#596dd7
```
#596dd7 rgb(89,109,215)
```
#6d7fdc
```
#6d7fdc rgb(109,127,220)
```

Monochromatic Color

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

#3171cc
```
#3171cc rgb(49,113,204)
```
#3164cc
```
#3164cc rgb(49,100,204)
```
#3157cc
```
#3157cc rgb(49,87,204)
```
#314acc
```
#314acc rgb(49,74,204)
```
#313dcc
```
#313dcc rgb(49,61,204)
```
#3231cc
```
#3231cc rgb(50,49,204)
```
#3f31cc
```
#3f31cc rgb(63,49,204)
```

Similar Colors

Text with hexadecimal color #314acc

This text has a font color of #314acc.

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

#314acc background color

This paragraph has a background color of #314acc.

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

#314acc border color

This element has a border color of #314acc.

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

CSS codes

.text {color:#314acc;}

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

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

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, #03050e is the darkest color, while #fdfeff is the lightest one.

#03050e
```
#03050e rgb(3,5,14)
```
#070b1e
```
#070b1e rgb(7,11,30)
```
#0b112e
```
#0b112e rgb(11,17,46)
```
#0f163e
```
#0f163e rgb(15,22,62)
```
#131c4d
```
#131c4d rgb(19,28,77)
```
#16225d
```
#16225d rgb(22,34,93)
```
#1a286d
```
#1a286d rgb(26,40,109)
```
#1e2d7d
```
#1e2d7d rgb(30,45,125)
```
#22338d
```
#22338d rgb(34,51,141)
```
#26399d
```
#26399d rgb(38,57,157)
```
#293fac
```
#293fac rgb(41,63,172)
```
#2d44bc
```
#2d44bc rgb(45,68,188)
```
#314acc
```
#314acc rgb(49,74,204)
```

Shade Color Variation

#4057d1
```
#4057d1 rgb(64,87,209)
```
#4f65d5
```
#4f65d5 rgb(79,101,213)
```
#5f73d9
```
#5f73d9 rgb(95,115,217)
```
#6f81dc
```
#6f81dc rgb(111,129,220)
```
#7f8fe0
```
#7f8fe0 rgb(127,143,224)
```
#8f9ce4
```
#8f9ce4 rgb(143,156,228)
```
#9eaae8
```
#9eaae8 rgb(158,170,232)
```
#aeb8ec
```
#aeb8ec rgb(174,184,236)
```
#bec6ef
```
#bec6ef rgb(190,198,239)
```
#ced4f3
```
#ced4f3 rgb(206,212,243)
```
#dee2f7
```
#dee2f7 rgb(222,226,247)
```
#eef0fb
```
#eef0fb rgb(238,240,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#757888
```
#757888 rgb(117,120,136)
```
#6b7292
```
#6b7292 rgb(107,114,146)
```
#626b9b
```
#626b9b rgb(98,107,155)
```
#5864a5
```
#5864a5 rgb(88,100,165)
```
#4e5eaf
```
#4e5eaf rgb(78,94,175)
```
#4457b9
```
#4457b9 rgb(68,87,185)
```
#3b51c2
```
#3b51c2 rgb(59,81,194)
```
#314acc
```
#314acc rgb(49,74,204)
```
#2743d6
```
#2743d6 rgb(39,67,214)
```
#1e3ddf
```
#1e3ddf rgb(30,61,223)
```
#1436e9
```
#1436e9 rgb(20,54,233)
```
#0a30f3
```
#0a30f3 rgb(10,48,243)
```
#0029fd
```
#0029fd rgb(0,41,253)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b506a Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1157bf Protanomaly 1% of men, 0.01% of women
#115ab0 Deuteranomaly 6% of men, 0.4% of women
#115e92 Tritanomaly 0.01% of the population

#314acc hex color

#314acc Color Information

#314acc Color Conversion

Color Schemes with #314acc

Alternatives to #314acc

#314acc Preview

Shades and Tints of #314acc

Tones of #314acc

Color Blindness Simulator