#0311a2 hex color

In a RGB color space, hex #0311a2 is composed of 1.2% red, 6.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 89.5% magenta, 0% yellow and 36.5% black. It has a hue angle of 234.7 degrees, a saturation of 96.4% and a lightness of 32.4%. #0311a2 color hex could be obtained by blending #0622ff with #000045. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 7
- B 64
RGB color chart
- C 98
- M 90
- Y 0
- K 36
CMYK color chart

● #0311a2 color description : Dark blue.

The hexadecimal color #0311a2 has RGB values of R:3, G:17, B:162 and CMYK values of C:0.98, M:0.9, Y:0, K:0.36. Its decimal value is 201122.

Hex triplet	0311a2	`#0311a2`
RGB Decimal	3, 17, 162	`rgb(3,17,162)`
RGB Percent	1.2, 6.7, 63.5	`rgb(1.2%,6.7%,63.5%)`
CMYK	98, 90, 0, 36
HSL	234.7°, 96.4, 32.4	`hsl(234.7,96.4%,32.4%)`
HSV (or HSB)	234.7°, 98.1, 63.5
Web Safe	000099	`#000099`

CIE-LAB	20.157, 51.293, -73.888
XYZ	6.758, 3.028, 34.409
xyY	0.153, 0.069, 3.028
CIE-LCH	20.157, 89.947, 304.768
CIE-LUV	20.157, -6.261, -76.768
Hunter-Lab	17.402, 38.868, -105.051
Binary	00000011, 00010001, 10100010

#0311a2
```
#0311a2 rgb(3,17,162)
```
#a29403
```
#a29403 rgb(162,148,3)
```

Complementary Color

#0361a2
```
#0361a2 rgb(3,97,162)
```
#0311a2
```
#0311a2 rgb(3,17,162)
```
#4403a2
```
#4403a2 rgb(68,3,162)
```

Analogous Color

#61a203
```
#61a203 rgb(97,162,3)
```
#0311a2
```
#0311a2 rgb(3,17,162)
```
#a24403
```
#a24403 rgb(162,68,3)
```

Split Complementary Color

#11a203
```
#11a203 rgb(17,162,3)
```
#0311a2
```
#0311a2 rgb(3,17,162)
```
#a20311
```
#a20311 rgb(162,3,17)
```

Triadic Color

#03a294
```
#03a294 rgb(3,162,148)
```
#0311a2
```
#0311a2 rgb(3,17,162)
```
#a20311
```
#a20311 rgb(162,3,17)
```
#a29403
```
#a29403 rgb(162,148,3)
```

Tetradic Color

#020957
```
#020957 rgb(2,9,87)
```
#020c70
```
#020c70 rgb(2,12,112)
```
#030e89
```
#030e89 rgb(3,14,137)
```
#0311a2
```
#0311a2 rgb(3,17,162)
```
#0314bb
```
#0314bb rgb(3,20,187)
```
#0416d4
```
#0416d4 rgb(4,22,212)
```
#0419ed
```
#0419ed rgb(4,25,237)
```

Monochromatic Color

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

#0339a2
```
#0339a2 rgb(3,57,162)
```
#032ca2
```
#032ca2 rgb(3,44,162)
```
#031ea2
```
#031ea2 rgb(3,30,162)
```
#0311a2
```
#0311a2 rgb(3,17,162)
```
#0304a2
```
#0304a2 rgb(3,4,162)
```
#1003a2
```
#1003a2 rgb(16,3,162)
```
#1d03a2
```
#1d03a2 rgb(29,3,162)
```

Similar Colors

Text with hexadecimal color #0311a2

This text has a font color of #0311a2.

<span style="color:#0311a2;">Text here</span>

#0311a2 background color

This paragraph has a background color of #0311a2.

<p style="background-color:#0311a2;">Content here</p>

#0311a2 border color

This element has a border color of #0311a2.

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

CSS codes

.text {color:#0311a2;}

.background {background-color:#0311a2;}

.border {border:1px solid #0311a2;}

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)
```
#01031b
```
#01031b rgb(1,3,27)
```
#01052e
```
#01052e rgb(1,5,46)
```
#010742
```
#010742 rgb(1,7,66)
```
#020955
```
#020955 rgb(2,9,85)
```
#020b68
```
#020b68 rgb(2,11,104)
```
#020d7b
```
#020d7b rgb(2,13,123)
```
#030f8f
```
#030f8f rgb(3,15,143)
```
#0311a2
```
#0311a2 rgb(3,17,162)
```
#0313b5
```
#0313b5 rgb(3,19,181)
```
#0415c9
```
#0415c9 rgb(4,21,201)
```
#0417dc
```
#0417dc rgb(4,23,220)
```
#0419ef
```
#0419ef rgb(4,25,239)
```

Shade Color Variation

#0d22fb
```
#0d22fb rgb(13,34,251)
```
#2033fb
```
#2033fb rgb(32,51,251)
```
#3345fb
```
#3345fb rgb(51,69,251)
```
#4656fc
```
#4656fc rgb(70,86,252)
```
#5a68fc
```
#5a68fc rgb(90,104,252)
```
#6d79fc
```
#6d79fc rgb(109,121,252)
```
#808bfd
```
#808bfd rgb(128,139,253)
```
#939dfd
```
#939dfd rgb(147,157,253)
```
#a7aefd
```
#a7aefd rgb(167,174,253)
```
#bac0fe
```
#bac0fe rgb(186,192,254)
```
#cdd1fe
```
#cdd1fe rgb(205,209,254)
```
#e0e3fe
```
#e0e3fe rgb(224,227,254)
```
#f4f5ff
```
#f4f5ff rgb(244,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5056 is the less saturated color, while #0311a2 is the most saturated one.

#4f5056
```
#4f5056 rgb(79,80,86)
```
#494b5c
```
#494b5c rgb(73,75,92)
```
#424563
```
#424563 rgb(66,69,99)
```
#3c4069
```
#3c4069 rgb(60,64,105)
```
#363b6f
```
#363b6f rgb(54,59,111)
```
#2f3676
```
#2f3676 rgb(47,54,118)
```
#29307c
```
#29307c rgb(41,48,124)
```
#232b82
```
#232b82 rgb(35,43,130)
```
#1c2689
```
#1c2689 rgb(28,38,137)
```
#16218f
```
#16218f rgb(22,33,143)
```
#101b95
```
#101b95 rgb(16,27,149)
```
#09169c
```
#09169c rgb(9,22,156)
```
#0311a2
```
#0311a2 rgb(3,17,162)
```

Tone Color Variation

Below, you can see how #0311a2 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

#1d1d1d Achromatopsia 0.005% of the population
#181b38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00396f Protanopia 1% of men
#003d60 Deuteranopia 1% of men
#004143 Tritanopia 0.001% of the population

Trichromacy

#012a82 Protanomaly 1% of men, 0.01% of women
#012d78 Deuteranomaly 6% of men, 0.4% of women
#012f66 Tritanomaly 0.01% of the population

#0311a2 hex color

#0311a2 Color Information

#0311a2 Color Conversion

Color Schemes with #0311a2

Alternatives to #0311a2

#0311a2 Preview

Shades and Tints of #0311a2

Tones of #0311a2

Color Blindness Simulator