#0314af hex color

In a RGB color space, hex #0314af is composed of 1.2% red, 7.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 88.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 234.1 degrees, a saturation of 96.6% and a lightness of 34.9%. #0314af color hex could be obtained by blending #0628ff with #00005f. Closest websafe color is: #000099.

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

● #0314af color description : Dark blue.

The hexadecimal color #0314af has RGB values of R:3, G:20, B:175 and CMYK values of C:0.98, M:0.89, Y:0, K:0.31. Its decimal value is 201903.

Hex triplet	0314af	`#0314af`
RGB Decimal	3, 20, 175	`rgb(3,20,175)`
RGB Percent	1.2, 7.8, 68.6	`rgb(1.2%,7.8%,68.6%)`
CMYK	98, 89, 0, 31
HSL	234.1°, 96.6, 34.9	`hsl(234.1,96.6%,34.9%)`
HSV (or HSB)	234.1°, 98.3, 68.6
Web Safe	000099	`#000099`

CIE-LAB	22.353, 54.029, -78.098
XYZ	8.024, 3.614, 40.83
xyY	0.153, 0.069, 3.614
CIE-LCH	22.353, 94.966, 304.676
CIE-LUV	22.353, -7, -84.923
Hunter-Lab	19.011, 42.071, -114.029
Binary	00000011, 00010100, 10101111

#0314af
```
#0314af rgb(3,20,175)
```
#af9e03
```
#af9e03 rgb(175,158,3)
```

Complementary Color

#036aaf
```
#036aaf rgb(3,106,175)
```
#0314af
```
#0314af rgb(3,20,175)
```
#4803af
```
#4803af rgb(72,3,175)
```

Analogous Color

#6aaf03
```
#6aaf03 rgb(106,175,3)
```
#0314af
```
#0314af rgb(3,20,175)
```
#af4803
```
#af4803 rgb(175,72,3)
```

Split Complementary Color

#14af03
```
#14af03 rgb(20,175,3)
```
#0314af
```
#0314af rgb(3,20,175)
```
#af0314
```
#af0314 rgb(175,3,20)
```

Triadic Color

#03af9e
```
#03af9e rgb(3,175,158)
```
#0314af
```
#0314af rgb(3,20,175)
```
#af0314
```
#af0314 rgb(175,3,20)
```
#af9e03
```
#af9e03 rgb(175,158,3)
```

Tetradic Color

#020b64
```
#020b64 rgb(2,11,100)
```
#020e7d
```
#020e7d rgb(2,14,125)
```
#031196
```
#031196 rgb(3,17,150)
```
#0314af
```
#0314af rgb(3,20,175)
```
#0317c8
```
#0317c8 rgb(3,23,200)
```
#041ae1
```
#041ae1 rgb(4,26,225)
```
#041dfa
```
#041dfa rgb(4,29,250)
```

Monochromatic Color

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

#033faf
```
#033faf rgb(3,63,175)
```
#0331af
```
#0331af rgb(3,49,175)
```
#0322af
```
#0322af rgb(3,34,175)
```
#0314af
```
#0314af rgb(3,20,175)
```
#0306af
```
#0306af rgb(3,6,175)
```
#0f03af
```
#0f03af rgb(15,3,175)
```
#1d03af
```
#1d03af rgb(29,3,175)
```

Similar Colors

Text with hexadecimal color #0314af

This text has a font color of #0314af.

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

#0314af background color

This paragraph has a background color of #0314af.

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

#0314af border color

This element has a border color of #0314af.

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

CSS codes

.text {color:#0314af;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000215
```
#000215 rgb(0,2,21)
```
#010528
```
#010528 rgb(1,5,40)
```
#01073b
```
#01073b rgb(1,7,59)
```
#01094f
```
#01094f rgb(1,9,79)
```
#020b62
```
#020b62 rgb(2,11,98)
```
#020d75
```
#020d75 rgb(2,13,117)
```
#021088
```
#021088 rgb(2,16,136)
```
#03129c
```
#03129c rgb(3,18,156)
```
#0314af
```
#0314af rgb(3,20,175)
```
#0316c2
```
#0316c2 rgb(3,22,194)
```
#0418d6
```
#0418d6 rgb(4,24,214)
```
#041be9
```
#041be9 rgb(4,27,233)
```

Shade Color Variation

#061efb
```
#061efb rgb(6,30,251)
```
#192ffb
```
#192ffb rgb(25,47,251)
```
#2c41fb
```
#2c41fb rgb(44,65,251)
```
#4052fc
```
#4052fc rgb(64,82,252)
```
#5364fc
```
#5364fc rgb(83,100,252)
```
#6675fc
```
#6675fc rgb(102,117,252)
```
#7986fd
```
#7986fd rgb(121,134,253)
```
#8d98fd
```
#8d98fd rgb(141,152,253)
```
#a0a9fd
```
#a0a9fd rgb(160,169,253)
```
#b3bbfe
```
#b3bbfe rgb(179,187,254)
```
#c7ccfe
```
#c7ccfe rgb(199,204,254)
```
#daddfe
```
#daddfe rgb(218,221,254)
```
#edefff
```
#edefff rgb(237,239,255)
```

Tint Color Variation

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

#55565d
```
#55565d rgb(85,86,93)
```
#4e5064
```
#4e5064 rgb(78,80,100)
```
#474b6b
```
#474b6b rgb(71,75,107)
```
#414571
```
#414571 rgb(65,69,113)
```
#3a4078
```
#3a4078 rgb(58,64,120)
```
#333a7f
```
#333a7f rgb(51,58,127)
```
#2c3586
```
#2c3586 rgb(44,53,134)
```
#252f8d
```
#252f8d rgb(37,47,141)
```
#1e2a94
```
#1e2a94 rgb(30,42,148)
```
#18249a
```
#18249a rgb(24,36,154)
```
#111fa1
```
#111fa1 rgb(17,31,161)
```
#0a19a8
```
#0a19a8 rgb(10,25,168)
```
#0314af
```
#0314af rgb(3,20,175)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#1b1e3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e78 Protanopia 1% of men
#004167 Deuteranopia 1% of men
#004649 Tritanopia 0.001% of the population

Trichromacy

#012e8c Protanomaly 1% of men, 0.01% of women
#013181 Deuteranomaly 6% of men, 0.4% of women
#01346e Tritanomaly 0.01% of the population

#0314af hex color

#0314af Color Information

#0314af Color Conversion

Color Schemes with #0314af

Alternatives to #0314af

#0314af Preview

Shades and Tints of #0314af

Tones of #0314af

Color Blindness Simulator