#0314ad hex color

In a RGB color space, hex #0314ad is composed of 1.2% red, 7.8% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 88.4% magenta, 0% yellow and 32.2% black. It has a hue angle of 234 degrees, a saturation of 96.6% and a lightness of 34.5%. #0314ad color hex could be obtained by blending #0628ff with #00005b. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 8
- B 68
RGB color chart
- C 98
- M 88
- Y 0
- K 32
CMYK color chart

● #0314ad color description : Dark blue.

The hexadecimal color #0314ad has RGB values of R:3, G:20, B:173 and CMYK values of C:0.98, M:0.88, Y:0, K:0.32. Its decimal value is 201901.

Hex triplet	0314ad	`#0314ad`
RGB Decimal	3, 20, 173	`rgb(3,20,173)`
RGB Percent	1.2, 7.8, 67.8	`rgb(1.2%,7.8%,67.8%)`
CMYK	98, 88, 0, 32
HSL	234°, 96.6, 34.5	`hsl(234,96.6%,34.5%)`
HSV (or HSB)	234°, 98.3, 67.8
Web Safe	000099	`#000099`

CIE-LAB	22.075, 53.435, -77.358
XYZ	7.829, 3.536, 39.803
xyY	0.153, 0.069, 3.536
CIE-LCH	22.075, 94.019, 304.635
CIE-LUV	22.075, -6.925, -83.739
Hunter-Lab	18.805, 41.407, -112.332
Binary	00000011, 00010100, 10101101

#0314ad
```
#0314ad rgb(3,20,173)
```
#ad9c03
```
#ad9c03 rgb(173,156,3)
```

Complementary Color

#0369ad
```
#0369ad rgb(3,105,173)
```
#0314ad
```
#0314ad rgb(3,20,173)
```
#4703ad
```
#4703ad rgb(71,3,173)
```

Analogous Color

#69ad03
```
#69ad03 rgb(105,173,3)
```
#0314ad
```
#0314ad rgb(3,20,173)
```
#ad4703
```
#ad4703 rgb(173,71,3)
```

Split Complementary Color

#14ad03
```
#14ad03 rgb(20,173,3)
```
#0314ad
```
#0314ad rgb(3,20,173)
```
#ad0314
```
#ad0314 rgb(173,3,20)
```

Triadic Color

#03ad9c
```
#03ad9c rgb(3,173,156)
```
#0314ad
```
#0314ad rgb(3,20,173)
```
#ad0314
```
#ad0314 rgb(173,3,20)
```
#ad9c03
```
#ad9c03 rgb(173,156,3)
```

Tetradic Color

#020b62
```
#020b62 rgb(2,11,98)
```
#020e7b
```
#020e7b rgb(2,14,123)
```
#031194
```
#031194 rgb(3,17,148)
```
#0314ad
```
#0314ad rgb(3,20,173)
```
#0317c6
```
#0317c6 rgb(3,23,198)
```
#041adf
```
#041adf rgb(4,26,223)
```
#041df8
```
#041df8 rgb(4,29,248)
```

Monochromatic Color

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

#033fad
```
#033fad rgb(3,63,173)
```
#0330ad
```
#0330ad rgb(3,48,173)
```
#0322ad
```
#0322ad rgb(3,34,173)
```
#0314ad
```
#0314ad rgb(3,20,173)
```
#0306ad
```
#0306ad rgb(3,6,173)
```
#0e03ad
```
#0e03ad rgb(14,3,173)
```
#1d03ad
```
#1d03ad rgb(29,3,173)
```

Similar Colors

Text with hexadecimal color #0314ad

This text has a font color of #0314ad.

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

#0314ad background color

This paragraph has a background color of #0314ad.

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

#0314ad border color

This element has a border color of #0314ad.

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

CSS codes

.text {color:#0314ad;}

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

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

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

#000213
```
#000213 rgb(0,2,19)
```
#010426
```
#010426 rgb(1,4,38)
```
#010739
```
#010739 rgb(1,7,57)
```
#01094d
```
#01094d rgb(1,9,77)
```
#020b60
```
#020b60 rgb(2,11,96)
```
#020d73
```
#020d73 rgb(2,13,115)
```
#021086
```
#021086 rgb(2,16,134)
```
#03129a
```
#03129a rgb(3,18,154)
```
#0314ad
```
#0314ad rgb(3,20,173)
```
#0316c0
```
#0316c0 rgb(3,22,192)
```
#0418d4
```
#0418d4 rgb(4,24,212)
```
#041be7
```
#041be7 rgb(4,27,231)
```
#041dfa
```
#041dfa rgb(4,29,250)
```

Shade Color Variation

#172efb
```
#172efb rgb(23,46,251)
```
#2a3ffb
```
#2a3ffb rgb(42,63,251)
```
#3e51fc
```
#3e51fc rgb(62,81,252)
```
#5162fc
```
#5162fc rgb(81,98,252)
```
#6473fc
```
#6473fc rgb(100,115,252)
```
#7885fd
```
#7885fd rgb(120,133,253)
```
#8b96fd
```
#8b96fd rgb(139,150,253)
```
#9ea8fd
```
#9ea8fd rgb(158,168,253)
```
#b1b9fe
```
#b1b9fe rgb(177,185,254)
```
#c5cafe
```
#c5cafe rgb(197,202,254)
```
#d8dcfe
```
#d8dcfe rgb(216,220,254)
```
#ebedff
```
#ebedff rgb(235,237,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#54555c
```
#54555c rgb(84,85,92)
```
#4d5063
```
#4d5063 rgb(77,80,99)
```
#474a69
```
#474a69 rgb(71,74,105)
```
#404570
```
#404570 rgb(64,69,112)
```
#393f77
```
#393f77 rgb(57,63,119)
```
#323a7e
```
#323a7e rgb(50,58,126)
```
#2c3484
```
#2c3484 rgb(44,52,132)
```
#252f8b
```
#252f8b rgb(37,47,139)
```
#1e2a92
```
#1e2a92 rgb(30,42,146)
```
#172499
```
#172499 rgb(23,36,153)
```
#111f9f
```
#111f9f rgb(17,31,159)
```
#0a19a6
```
#0a19a6 rgb(10,25,166)
```
#0314ad
```
#0314ad rgb(3,20,173)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#1a1e3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d77 Protanopia 1% of men
#004166 Deuteranopia 1% of men
#004548 Tritanopia 0.001% of the population

Trichromacy

#012e8a Protanomaly 1% of men, 0.01% of women
#013080 Deuteranomaly 6% of men, 0.4% of women
#01336d Tritanomaly 0.01% of the population

#0314ad hex color

#0314ad Color Information

#0314ad Color Conversion

Color Schemes with #0314ad

Alternatives to #0314ad

#0314ad Preview

Shades and Tints of #0314ad

Tones of #0314ad

Color Blindness Simulator