#0314bc hex color

In a RGB color space, hex #0314bc is composed of 1.2% red, 7.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 89.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 234.5 degrees, a saturation of 96.9% and a lightness of 37.5%. #0314bc color hex could be obtained by blending #0628ff with #000079. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 1
- G 8
- B 74
RGB color chart
- C 98
- M 89
- Y 0
- K 26
CMYK color chart

● #0314bc color description : Strong blue.

The hexadecimal color #0314bc has RGB values of R:3, G:20, B:188 and CMYK values of C:0.98, M:0.89, Y:0, K:0.26. Its decimal value is 201916.

Hex triplet	0314bc	`#0314bc`
RGB Decimal	3, 20, 188	`rgb(3,20,188)`
RGB Percent	1.2, 7.8, 73.7	`rgb(1.2%,7.8%,73.7%)`
CMYK	98, 89, 0, 26
HSL	234.5°, 96.9, 37.5	`hsl(234.5,96.9%,37.5%)`
HSV (or HSB)	234.5°, 98.4, 73.7
Web Safe	0000cc	`#0000cc`

CIE-LAB	24.16, 57.815, -82.847
XYZ	9.363, 4.15, 47.882
xyY	0.153, 0.068, 4.15
CIE-LCH	24.16, 101.026, 304.909
CIE-LUV	24.16, -7.491, -92.602
Hunter-Lab	20.371, 46.394, -125.101
Binary	00000011, 00010100, 10111100

#0314bc
```
#0314bc rgb(3,20,188)
```
#bcab03
```
#bcab03 rgb(188,171,3)
```

Complementary Color

#0371bc
```
#0371bc rgb(3,113,188)
```
#0314bc
```
#0314bc rgb(3,20,188)
```
#4e03bc
```
#4e03bc rgb(78,3,188)
```

Analogous Color

#71bc03
```
#71bc03 rgb(113,188,3)
```
#0314bc
```
#0314bc rgb(3,20,188)
```
#bc4f03
```
#bc4f03 rgb(188,79,3)
```

Split Complementary Color

#14bc03
```
#14bc03 rgb(20,188,3)
```
#0314bc
```
#0314bc rgb(3,20,188)
```
#bc0314
```
#bc0314 rgb(188,3,20)
```

Triadic Color

#03bcab
```
#03bcab rgb(3,188,171)
```
#0314bc
```
#0314bc rgb(3,20,188)
```
#bc0314
```
#bc0314 rgb(188,3,20)
```
#bcab03
```
#bcab03 rgb(188,171,3)
```

Tetradic Color

#020c71
```
#020c71 rgb(2,12,113)
```
#020f8a
```
#020f8a rgb(2,15,138)
```
#0311a3
```
#0311a3 rgb(3,17,163)
```
#0314bc
```
#0314bc rgb(3,20,188)
```
#0317d5
```
#0317d5 rgb(3,23,213)
```
#0419ee
```
#0419ee rgb(4,25,238)
```
#1026fb
```
#1026fb rgb(16,38,251)
```

Monochromatic Color

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

#0342bc
```
#0342bc rgb(3,66,188)
```
#0333bc
```
#0333bc rgb(3,51,188)
```
#0323bc
```
#0323bc rgb(3,35,188)
```
#0314bc
```
#0314bc rgb(3,20,188)
```
#0305bc
```
#0305bc rgb(3,5,188)
```
#1103bc
```
#1103bc rgb(17,3,188)
```
#2003bc
```
#2003bc rgb(32,3,188)
```

Similar Colors

Text with hexadecimal color #0314bc

This text has a font color of #0314bc.

<span style="color:#0314bc;">Text here</span>

#0314bc background color

This paragraph has a background color of #0314bc.

<p style="background-color:#0314bc;">Content here</p>

#0314bc border color

This element has a border color of #0314bc.

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

CSS codes

.text {color:#0314bc;}

.background {background-color:#0314bc;}

.border {border:1px solid #0314bc;}

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

#00020e
```
#00020e rgb(0,2,14)
```
#010422
```
#010422 rgb(1,4,34)
```
#010635
```
#010635 rgb(1,6,53)
```
#010848
```
#010848 rgb(1,8,72)
```
#010a5b
```
#010a5b rgb(1,10,91)
```
#020c6f
```
#020c6f rgb(2,12,111)
```
#020e82
```
#020e82 rgb(2,14,130)
```
#021095
```
#021095 rgb(2,16,149)
```
#0312a9
```
#0312a9 rgb(3,18,169)
```
#0314bc
```
#0314bc rgb(3,20,188)
```
#0316cf
```
#0316cf rgb(3,22,207)
```
#0418e3
```
#0418e3 rgb(4,24,227)
```
#041af6
```
#041af6 rgb(4,26,246)
```

Shade Color Variation

#1228fb
```
#1228fb rgb(18,40,251)
```
#2639fc
```
#2639fc rgb(38,57,252)
```
#394bfc
```
#394bfc rgb(57,75,252)
```
#4c5cfc
```
#4c5cfc rgb(76,92,252)
```
#5f6efc
```
#5f6efc rgb(95,110,252)
```
#737ffd
```
#737ffd rgb(115,127,253)
```
#8691fd
```
#8691fd rgb(134,145,253)
```
#99a3fd
```
#99a3fd rgb(153,163,253)
```
#adb4fe
```
#adb4fe rgb(173,180,254)
```
#c0c6fe
```
#c0c6fe rgb(192,198,254)
```
#d3d7fe
```
#d3d7fe rgb(211,215,254)
```
#e7e9ff
```
#e7e9ff rgb(231,233,255)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5c64 is the less saturated color, while #0314bc is the most saturated one.

#5b5c64
```
#5b5c64 rgb(91,92,100)
```
#54566b
```
#54566b rgb(84,86,107)
```
#4c5073
```
#4c5073 rgb(76,80,115)
```
#454a7a
```
#454a7a rgb(69,74,122)
```
#3e4481
```
#3e4481 rgb(62,68,129)
```
#363e89
```
#363e89 rgb(54,62,137)
```
#2f3890
```
#2f3890 rgb(47,56,144)
```
#283297
```
#283297 rgb(40,50,151)
```
#202c9f
```
#202c9f rgb(32,44,159)
```
#1926a6
```
#1926a6 rgb(25,38,166)
```
#1220ad
```
#1220ad rgb(18,32,173)
```
#0a1ab5
```
#0a1ab5 rgb(10,26,181)
```
#0314bc
```
#0314bc rgb(3,20,188)
```

Tone Color Variation

Below, you can see how #0314bc 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

#222222 Achromatopsia 0.005% of the population
#1c1f41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417f Protanopia 1% of men
#00456d Deuteranopia 1% of men
#004a4d Tritanopia 0.001% of the population

Trichromacy

#013195 Protanomaly 1% of men, 0.01% of women
#01338a Deuteranomaly 6% of men, 0.4% of women
#013675 Tritanomaly 0.01% of the population

#0314bc hex color

#0314bc Color Information

#0314bc Color Conversion

Color Schemes with #0314bc

Alternatives to #0314bc

#0314bc Preview

Shades and Tints of #0314bc

Tones of #0314bc

Color Blindness Simulator