#012ca3 hex color

In a RGB color space, hex #012ca3 is composed of 0.4% red, 17.3% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 99.4% cyan, 73% magenta, 0% yellow and 36.1% black. It has a hue angle of 224.1 degrees, a saturation of 98.8% and a lightness of 32.2%. #012ca3 color hex could be obtained by blending #0258ff with #000047. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 0
- G 17
- B 64
RGB color chart
- C 99
- M 73
- Y 0
- K 36
CMYK color chart

● #012ca3 color description : Dark blue.

The hexadecimal color #012ca3 has RGB values of R:1, G:44, B:163 and CMYK values of C:0.99, M:0.73, Y:0, K:0.36. Its decimal value is 76963.

Hex triplet	012ca3	`#012ca3`
RGB Decimal	1, 44, 163	`rgb(1,44,163)`
RGB Percent	0.4, 17.3, 63.9	`rgb(0.4%,17.3%,63.9%)`
CMYK	99, 73, 0, 36
HSL	224.1°, 98.8, 32.2	`hsl(224.1,98.8%,32.2%)`
HSV (or HSB)	224.1°, 99.4, 63.9
Web Safe	003399	`#003399`

CIE-LAB	25.111, 37.471, -66.267
XYZ	7.523, 4.452, 35.111
xyY	0.16, 0.095, 4.452
CIE-LCH	25.111, 76.128, 299.486
CIE-LUV	25.111, -9.899, -80.077
Hunter-Lab	21.099, 26.721, -83.898
Binary	00000001, 00101100, 10100011

#012ca3
```
#012ca3 rgb(1,44,163)
```
#a37801
```
#a37801 rgb(163,120,1)
```

Complementary Color

#017da3
```
#017da3 rgb(1,125,163)
```
#012ca3
```
#012ca3 rgb(1,44,163)
```
#2701a3
```
#2701a3 rgb(39,1,163)
```

Analogous Color

#7da301
```
#7da301 rgb(125,163,1)
```
#012ca3
```
#012ca3 rgb(1,44,163)
```
#a32701
```
#a32701 rgb(163,39,1)
```

Split Complementary Color

#2ca301
```
#2ca301 rgb(44,163,1)
```
#012ca3
```
#012ca3 rgb(1,44,163)
```
#a3012c
```
#a3012c rgb(163,1,44)
```

Triadic Color

#01a378
```
#01a378 rgb(1,163,120)
```
#012ca3
```
#012ca3 rgb(1,44,163)
```
#a3012c
```
#a3012c rgb(163,1,44)
```
#a37801
```
#a37801 rgb(163,120,1)
```

Tetradic Color

#011757
```
#011757 rgb(1,23,87)
```
#011e70
```
#011e70 rgb(1,30,112)
```
#01258a
```
#01258a rgb(1,37,138)
```
#012ca3
```
#012ca3 rgb(1,44,163)
```
#0133bc
```
#0133bc rgb(1,51,188)
```
#013ad6
```
#013ad6 rgb(1,58,214)
```
#0141ef
```
#0141ef rgb(1,65,239)
```

Monochromatic Color

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

#0155a3
```
#0155a3 rgb(1,85,163)
```
#0147a3
```
#0147a3 rgb(1,71,163)
```
#013aa3
```
#013aa3 rgb(1,58,163)
```
#012ca3
```
#012ca3 rgb(1,44,163)
```
#011fa3
```
#011fa3 rgb(1,31,163)
```
#0111a3
```
#0111a3 rgb(1,17,163)
```
#0104a3
```
#0104a3 rgb(1,4,163)
```

Similar Colors

Text with hexadecimal color #012ca3

This text has a font color of #012ca3.

<span style="color:#012ca3;">Text here</span>

#012ca3 background color

This paragraph has a background color of #012ca3.

<p style="background-color:#012ca3;">Content here</p>

#012ca3 border color

This element has a border color of #012ca3.

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

CSS codes

.text {color:#012ca3;}

.background {background-color:#012ca3;}

.border {border:1px solid #012ca3;}

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

#000207
```
#000207 rgb(0,2,7)
```
#00071b
```
#00071b rgb(0,7,27)
```
#000c2e
```
#000c2e rgb(0,12,46)
```
#001242
```
#001242 rgb(0,18,66)
```
#011755
```
#011755 rgb(1,23,85)
```
#011c69
```
#011c69 rgb(1,28,105)
```
#01217c
```
#01217c rgb(1,33,124)
```
#012790
```
#012790 rgb(1,39,144)
```
#012ca3
```
#012ca3 rgb(1,44,163)
```
#0131b6
```
#0131b6 rgb(1,49,182)
```
#0137ca
```
#0137ca rgb(1,55,202)
```
#013cdd
```
#013cdd rgb(1,60,221)
```
#0141f1
```
#0141f1 rgb(1,65,241)
```

Shade Color Variation

#094afd
```
#094afd rgb(9,74,253)
```
#1c58fe
```
#1c58fe rgb(28,88,254)
```
#3066fe
```
#3066fe rgb(48,102,254)
```
#4375fe
```
#4375fe rgb(67,117,254)
```
#5783fe
```
#5783fe rgb(87,131,254)
```
#6a91fe
```
#6a91fe rgb(106,145,254)
```
#7ea0fe
```
#7ea0fe rgb(126,160,254)
```
#91aefe
```
#91aefe rgb(145,174,254)
```
#a5bcfe
```
#a5bcfe rgb(165,188,254)
```
#b8cbff
```
#b8cbff rgb(184,203,255)
```
#ccd9ff
```
#ccd9ff rgb(204,217,255)
```
#dfe7ff
```
#dfe7ff rgb(223,231,255)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

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

#4d5057
```
#4d5057 rgb(77,80,87)
```
#464d5e
```
#464d5e rgb(70,77,94)
```
#404a64
```
#404a64 rgb(64,74,100)
```
#3a476a
```
#3a476a rgb(58,71,106)
```
#334471
```
#334471 rgb(51,68,113)
```
#2d4177
```
#2d4177 rgb(45,65,119)
```
#273e7d
```
#273e7d rgb(39,62,125)
```
#213b83
```
#213b83 rgb(33,59,131)
```
#1a388a
```
#1a388a rgb(26,56,138)
```
#143590
```
#143590 rgb(20,53,144)
```
#0e3296
```
#0e3296 rgb(14,50,150)
```
#072f9d
```
#072f9d rgb(7,47,157)
```
#012ca3
```
#012ca3 rgb(1,44,163)
```

Tone Color Variation

Below, you can see how #012ca3 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

#2d2d2d Achromatopsia 0.005% of the population
#242d45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004771 Deuteranopia 1% of men
#004c50 Tritanopia 0.001% of the population

Trichromacy

#003b8f Protanomaly 1% of men, 0.01% of women
#003d83 Deuteranomaly 6% of men, 0.4% of women
#00406e Tritanomaly 0.01% of the population

#012ca3 hex color

#012ca3 Color Information

#012ca3 Color Conversion

Color Schemes with #012ca3

Alternatives to #012ca3

#012ca3 Preview

Shades and Tints of #012ca3

Tones of #012ca3

Color Blindness Simulator