#0314dd hex color

In a RGB color space, hex #0314dd is composed of 1.2% red, 7.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 91% magenta, 0% yellow and 13.3% black. It has a hue angle of 235.3 degrees, a saturation of 97.3% and a lightness of 43.9%. #0314dd color hex could be obtained by blending #0628ff with #0000bb. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 1
- G 8
- B 87
RGB color chart
- C 99
- M 91
- Y 0
- K 13
CMYK color chart

● #0314dd color description : Vivid blue.

The hexadecimal color #0314dd has RGB values of R:3, G:20, B:221 and CMYK values of C:0.99, M:0.91, Y:0, K:0.13. Its decimal value is 201949.

Hex triplet	0314dd	`#0314dd`
RGB Decimal	3, 20, 221	`rgb(3,20,221)`
RGB Percent	1.2, 7.8, 86.7	`rgb(1.2%,7.8%,86.7%)`
CMYK	99, 91, 0, 13
HSL	235.3°, 97.3, 43.9	`hsl(235.3,97.3%,43.9%)`
HSV (or HSB)	235.3°, 98.6, 86.7
Web Safe	0000cc	`#0000cc`

CIE-LAB	28.744, 66.954, -94.483
XYZ	13.336, 5.739, 68.807
xyY	0.152, 0.065, 5.739
CIE-LCH	28.744, 115.801, 305.323
CIE-LUV	28.744, -8.752, -111.899
Hunter-Lab	23.956, 57.445, -153.523
Binary	00000011, 00010100, 11011101

#0314dd
```
#0314dd rgb(3,20,221)
```
#ddcc03
```
#ddcc03 rgb(221,204,3)
```

Complementary Color

#0381dd
```
#0381dd rgb(3,129,221)
```
#0314dd
```
#0314dd rgb(3,20,221)
```
#5f03dd
```
#5f03dd rgb(95,3,221)
```

Analogous Color

#81dd03
```
#81dd03 rgb(129,221,3)
```
#0314dd
```
#0314dd rgb(3,20,221)
```
#dd5f03
```
#dd5f03 rgb(221,95,3)
```

Split Complementary Color

#14dd03
```
#14dd03 rgb(20,221,3)
```
#0314dd
```
#0314dd rgb(3,20,221)
```
#dd0314
```
#dd0314 rgb(221,3,20)
```

Triadic Color

#03ddcc
```
#03ddcc rgb(3,221,204)
```
#0314dd
```
#0314dd rgb(3,20,221)
```
#dd0314
```
#dd0314 rgb(221,3,20)
```
#ddcc03
```
#ddcc03 rgb(221,204,3)
```

Tetradic Color

#020d92
```
#020d92 rgb(2,13,146)
```
#020fab
```
#020fab rgb(2,15,171)
```
#0312c4
```
#0312c4 rgb(3,18,196)
```
#0314dd
```
#0314dd rgb(3,20,221)
```
#0316f6
```
#0316f6 rgb(3,22,246)
```
#1729fc
```
#1729fc rgb(23,41,252)
```
#3040fc
```
#3040fc rgb(48,64,252)
```

Monochromatic Color

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

#034bdd
```
#034bdd rgb(3,75,221)
```
#0338dd
```
#0338dd rgb(3,56,221)
```
#0326dd
```
#0326dd rgb(3,38,221)
```
#0314dd
```
#0314dd rgb(3,20,221)
```
#0403dd
```
#0403dd rgb(4,3,221)
```
#1603dd
```
#1603dd rgb(22,3,221)
```
#2803dd
```
#2803dd rgb(40,3,221)
```

Similar Colors

Text with hexadecimal color #0314dd

This text has a font color of #0314dd.

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

#0314dd background color

This paragraph has a background color of #0314dd.

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

#0314dd border color

This element has a border color of #0314dd.

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

CSS codes

.text {color:#0314dd;}

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

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

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

#000108
```
#000108 rgb(0,1,8)
```
#00021b
```
#00021b rgb(0,2,27)
```
#01042f
```
#01042f rgb(1,4,47)
```
#010642
```
#010642 rgb(1,6,66)
```
#010856
```
#010856 rgb(1,8,86)
```
#010969
```
#010969 rgb(1,9,105)
```
#020b7c
```
#020b7c rgb(2,11,124)
```
#020d90
```
#020d90 rgb(2,13,144)
```
#020fa3
```
#020fa3 rgb(2,15,163)
```
#0210b6
```
#0210b6 rgb(2,16,182)
```
#0312ca
```
#0312ca rgb(3,18,202)
```
#0314dd
```
#0314dd rgb(3,20,221)
```
#0316f0
```
#0316f0 rgb(3,22,240)
```

Shade Color Variation

#0c1efc
```
#0c1efc rgb(12,30,252)
```
#1f30fc
```
#1f30fc rgb(31,48,252)
```
#3242fc
```
#3242fc rgb(50,66,252)
```
#4654fc
```
#4654fc rgb(70,84,252)
```
#5966fd
```
#5966fd rgb(89,102,253)
```
#6c78fd
```
#6c78fd rgb(108,120,253)
```
#8089fd
```
#8089fd rgb(128,137,253)
```
#939bfe
```
#939bfe rgb(147,155,254)
```
#a6adfe
```
#a6adfe rgb(166,173,254)
```
#babffe
```
#babffe rgb(186,191,254)
```
#cdd1fe
```
#cdd1fe rgb(205,209,254)
```
#e0e3ff
```
#e0e3ff rgb(224,227,255)
```
#f4f5ff
```
#f4f5ff rgb(244,245,255)
```

Tint Color Variation

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

#6a6b76
```
#6a6b76 rgb(106,107,118)
```
#62647e
```
#62647e rgb(98,100,126)
```
#595d87
```
#595d87 rgb(89,93,135)
```
#51558f
```
#51558f rgb(81,85,143)
```
#484e98
```
#484e98 rgb(72,78,152)
```
#3f47a1
```
#3f47a1 rgb(63,71,161)
```
#3740a9
```
#3740a9 rgb(55,64,169)
```
#2e38b2
```
#2e38b2 rgb(46,56,178)
```
#2531bb
```
#2531bb rgb(37,49,187)
```
#1d2ac3
```
#1d2ac3 rgb(29,42,195)
```
#1423cc
```
#1423cc rgb(20,35,204)
```
#0c1bd4
```
#0c1bd4 rgb(12,27,212)
```
#0314dd
```
#0314dd rgb(3,20,221)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#1f224b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7d Deuteranopia 1% of men
#005558 Tritanopia 0.001% of the population

Trichromacy

#0137ad Protanomaly 1% of men, 0.01% of women
#013aa0 Deuteranomaly 6% of men, 0.4% of women
#013d88 Tritanomaly 0.01% of the population

#0314dd hex color

#0314dd Color Information

#0314dd Color Conversion

Color Schemes with #0314dd

Alternatives to #0314dd

#0314dd Preview

Shades and Tints of #0314dd

Tones of #0314dd

Color Blindness Simulator