#314acb hex color

In a RGB color space, hex #314acb is composed of 19.2% red, 29% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 63.5% magenta, 0% yellow and 20.4% black. It has a hue angle of 230.3 degrees, a saturation of 61.1% and a lightness of 49.4%. #314acb color hex could be obtained by blending #6294ff with #000097. 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

● #314acb color description : Strong blue.

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

Hex triplet	314acb	`#314acb`
RGB Decimal	49, 74, 203	`rgb(49,74,203)`
RGB Percent	19.2, 29, 79.6	`rgb(19.2%,29%,79.6%)`
CMYK	76, 64, 0, 20
HSL	230.3°, 61.1, 49.4	`hsl(230.3,61.1%,49.4%)`
HSV (or HSB)	230.3°, 75.9, 79.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.592, 36.118, -69.386
XYZ	14.493, 9.861, 57.636
xyY	0.177, 0.12, 9.861
CIE-LCH	37.592, 78.223, 297.499
CIE-LUV	37.592, -12.197, -99.528
Hunter-Lab	31.403, 27.425, -86.838
Binary	00110001, 01001010, 11001011

#314acb
```
#314acb rgb(49,74,203)
```
#cbb231
```
#cbb231 rgb(203,178,49)
```

Complementary Color

#3197cb
```
#3197cb rgb(49,151,203)
```
#314acb
```
#314acb rgb(49,74,203)
```
#6531cb
```
#6531cb rgb(101,49,203)
```

Analogous Color

#97cb31
```
#97cb31 rgb(151,203,49)
```
#314acb
```
#314acb rgb(49,74,203)
```
#cb6531
```
#cb6531 rgb(203,101,49)
```

Split Complementary Color

#4acb31
```
#4acb31 rgb(74,203,49)
```
#314acb
```
#314acb rgb(49,74,203)
```
#cb314a
```
#cb314a rgb(203,49,74)
```

Triadic Color

#31cbb2
```
#31cbb2 rgb(49,203,178)
```
#314acb
```
#314acb rgb(49,74,203)
```
#cb314a
```
#cb314a rgb(203,49,74)
```
#cbb231
```
#cbb231 rgb(203,178,49)
```

Tetradic Color

#22348d
```
#22348d rgb(34,52,141)
```
#273ba2
```
#273ba2 rgb(39,59,162)
```
#2c43b6
```
#2c43b6 rgb(44,67,182)
```
#314acb
```
#314acb rgb(49,74,203)
```
#445bd2
```
#445bd2 rgb(68,91,210)
```
#586dd7
```
#586dd7 rgb(88,109,215)
```
#6d7fdc
```
#6d7fdc rgb(109,127,220)
```

Monochromatic Color

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

#3171cb
```
#3171cb rgb(49,113,203)
```
#3164cb
```
#3164cb rgb(49,100,203)
```
#3157cb
```
#3157cb rgb(49,87,203)
```
#314acb
```
#314acb rgb(49,74,203)
```
#313dcb
```
#313dcb rgb(49,61,203)
```
#3231cb
```
#3231cb rgb(50,49,203)
```
#3e31cb
```
#3e31cb rgb(62,49,203)
```

Similar Colors

Text with hexadecimal color #314acb

This text has a font color of #314acb.

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

#314acb background color

This paragraph has a background color of #314acb.

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

#314acb border color

This element has a border color of #314acb.

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

CSS codes

.text {color:#314acb;}

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

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

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

#03050d
```
#03050d rgb(3,5,13)
```
#070b1d
```
#070b1d rgb(7,11,29)
```
#0b102d
```
#0b102d rgb(11,16,45)
```
#0f163d
```
#0f163d rgb(15,22,61)
```
#121c4d
```
#121c4d rgb(18,28,77)
```
#16225c
```
#16225c rgb(22,34,92)
```
#1a276c
```
#1a276c rgb(26,39,108)
```
#1e2d7c
```
#1e2d7c rgb(30,45,124)
```
#22338c
```
#22338c rgb(34,51,140)
```
#26399c
```
#26399c rgb(38,57,156)
```
#293eab
```
#293eab rgb(41,62,171)
```
#2d44bb
```
#2d44bb rgb(45,68,187)
```
#314acb
```
#314acb rgb(49,74,203)
```

Shade Color Variation

#3f57d1
```
#3f57d1 rgb(63,87,209)
```
#4f64d4
```
#4f64d4 rgb(79,100,212)
```
#5f72d8
```
#5f72d8 rgb(95,114,216)
```
#6e80dc
```
#6e80dc rgb(110,128,220)
```
#7e8ee0
```
#7e8ee0 rgb(126,142,224)
```
#8e9ce4
```
#8e9ce4 rgb(142,156,228)
```
#9eaae8
```
#9eaae8 rgb(158,170,232)
```
#aeb8eb
```
#aeb8eb rgb(174,184,235)
```
#bdc5ef
```
#bdc5ef rgb(189,197,239)
```
#cdd3f3
```
#cdd3f3 rgb(205,211,243)
```
#dde1f7
```
#dde1f7 rgb(221,225,247)
```
#edeffb
```
#edeffb rgb(237,239,251)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#757887
```
#757887 rgb(117,120,135)
```
#6b7191
```
#6b7191 rgb(107,113,145)
```
#616b9b
```
#616b9b rgb(97,107,155)
```
#5864a4
```
#5864a4 rgb(88,100,164)
```
#4e5eae
```
#4e5eae rgb(78,94,174)
```
#4457b8
```
#4457b8 rgb(68,87,184)
```
#3b51c1
```
#3b51c1 rgb(59,81,193)
```
#314acb
```
#314acb rgb(49,74,203)
```
#2743d5
```
#2743d5 rgb(39,67,213)
```
#1e3dde
```
#1e3dde rgb(30,61,222)
```
#1436e8
```
#1436e8 rgb(20,54,232)
```
#0a30f2
```
#0a30f2 rgb(10,48,242)
```
#0129fb
```
#0129fb rgb(1,41,251)
```

Tone Color Variation

Below, you can see how #314acb 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
#4b5069 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1156be Protanomaly 1% of men, 0.01% of women
#115aaf Deuteranomaly 6% of men, 0.4% of women
#115e91 Tritanomaly 0.01% of the population

#314acb hex color

#314acb Color Information

#314acb Color Conversion

Color Schemes with #314acb

Alternatives to #314acb

#314acb Preview

Shades and Tints of #314acb

Tones of #314acb

Color Blindness Simulator