#012ed3 hex color

In a RGB color space, hex #012ed3 is composed of 0.4% red, 18% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 78.2% magenta, 0% yellow and 17.3% black. It has a hue angle of 227.1 degrees, a saturation of 99.1% and a lightness of 41.6%. #012ed3 color hex could be obtained by blending #025cff with #0000a7. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 18
- B 83
RGB color chart
- C 100
- M 78
- Y 0
- K 17
CMYK color chart

● #012ed3 color description : Strong blue.

The hexadecimal color #012ed3 has RGB values of R:1, G:46, B:211 and CMYK values of C:1, M:0.78, Y:0, K:0.17. Its decimal value is 77523.

Hex triplet	012ed3	`#012ed3`
RGB Decimal	1, 46, 211	`rgb(1,46,211)`
RGB Percent	0.4, 18, 82.7	`rgb(0.4%,18%,82.7%)`
CMYK	100, 78, 0, 17
HSL	227.1°, 99.1, 41.6	`hsl(227.1,99.1%,41.6%)`
HSV (or HSB)	227.1°, 99.5, 82.7
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.026, 53.221, -84.904
XYZ	12.745, 6.663, 62.239
xyY	0.156, 0.082, 6.663
CIE-LCH	31.026, 100.206, 302.081
CIE-LUV	31.026, -11.118, -108.118
Hunter-Lab	25.812, 42.966, -124.894
Binary	00000001, 00101110, 11010011

#012ed3
```
#012ed3 rgb(1,46,211)
```
#d3a601
```
#d3a601 rgb(211,166,1)
```

Complementary Color

#0197d3
```
#0197d3 rgb(1,151,211)
```
#012ed3
```
#012ed3 rgb(1,46,211)
```
#3d01d3
```
#3d01d3 rgb(61,1,211)
```

Analogous Color

#97d301
```
#97d301 rgb(151,211,1)
```
#012ed3
```
#012ed3 rgb(1,46,211)
```
#d33d01
```
#d33d01 rgb(211,61,1)
```

Split Complementary Color

#2ed301
```
#2ed301 rgb(46,211,1)
```
#012ed3
```
#012ed3 rgb(1,46,211)
```
#d3012e
```
#d3012e rgb(211,1,46)
```

Triadic Color

#01d3a6
```
#01d3a6 rgb(1,211,166)
```
#012ed3
```
#012ed3 rgb(1,46,211)
```
#d3012e
```
#d3012e rgb(211,1,46)
```
#d3a601
```
#d3a601 rgb(211,166,1)
```

Tetradic Color

#011d87
```
#011d87 rgb(1,29,135)
```
#0123a0
```
#0123a0 rgb(1,35,160)
```
#0128ba
```
#0128ba rgb(1,40,186)
```
#012ed3
```
#012ed3 rgb(1,46,211)
```
#0134ec
```
#0134ec rgb(1,52,236)
```
#093efe
```
#093efe rgb(9,62,254)
```
#2352fe
```
#2352fe rgb(35,82,254)
```

Monochromatic Color

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

#0163d3
```
#0163d3 rgb(1,99,211)
```
#0151d3
```
#0151d3 rgb(1,81,211)
```
#0140d3
```
#0140d3 rgb(1,64,211)
```
#012ed3
```
#012ed3 rgb(1,46,211)
```
#011cd3
```
#011cd3 rgb(1,28,211)
```
#010bd3
```
#010bd3 rgb(1,11,211)
```
#0901d3
```
#0901d3 rgb(9,1,211)
```

Similar Colors

Text with hexadecimal color #012ed3

This text has a font color of #012ed3.

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

#012ed3 background color

This paragraph has a background color of #012ed3.

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

#012ed3 border color

This element has a border color of #012ed3.

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

CSS codes

.text {color:#012ed3;}

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

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

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

#000310
```
#000310 rgb(0,3,16)
```
#000823
```
#000823 rgb(0,8,35)
```
#000c37
```
#000c37 rgb(0,12,55)
```
#00104a
```
#00104a rgb(0,16,74)
```
#00145e
```
#00145e rgb(0,20,94)
```
#011971
```
#011971 rgb(1,25,113)
```
#011d85
```
#011d85 rgb(1,29,133)
```
#012198
```
#012198 rgb(1,33,152)
```
#0125ac
```
#0125ac rgb(1,37,172)
```
#012abf
```
#012abf rgb(1,42,191)
```
#012ed3
```
#012ed3 rgb(1,46,211)
```
#0132e7
```
#0132e7 rgb(1,50,231)
```
#0137fa
```
#0137fa rgb(1,55,250)
```

Shade Color Variation

#1144fe
```
#1144fe rgb(17,68,254)
```
#2453fe
```
#2453fe rgb(36,83,254)
```
#3862fe
```
#3862fe rgb(56,98,254)
```
#4c72fe
```
#4c72fe rgb(76,114,254)
```
#5f81fe
```
#5f81fe rgb(95,129,254)
```
#7391fe
```
#7391fe rgb(115,145,254)
```
#86a0fe
```
#86a0fe rgb(134,160,254)
```
#9aafff
```
#9aafff rgb(154,175,255)
```
#adbfff
```
#adbfff rgb(173,191,255)
```
#c1ceff
```
#c1ceff rgb(193,206,255)
```
#d4ddff
```
#d4ddff rgb(212,221,255)
```
#e8edff
```
#e8edff rgb(232,237,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#636671
```
#636671 rgb(99,102,113)
```
#5b6179
```
#5b6179 rgb(91,97,121)
```
#535d81
```
#535d81 rgb(83,93,129)
```
#4a588a
```
#4a588a rgb(74,88,138)
```
#425392
```
#425392 rgb(66,83,146)
```
#3a4f9a
```
#3a4f9a rgb(58,79,154)
```
#324aa2
```
#324aa2 rgb(50,74,162)
```
#2a45aa
```
#2a45aa rgb(42,69,170)
```
#2241b2
```
#2241b2 rgb(34,65,178)
```
#193cbb
```
#193cbb rgb(25,60,187)
```
#1137c3
```
#1137c3 rgb(17,55,195)
```
#0933cb
```
#0933cb rgb(9,51,203)
```
#012ed3
```
#012ed3 rgb(1,46,211)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#293253 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005486 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#0043af Protanomaly 1% of men, 0.01% of women
#0046a2 Deuteranomaly 6% of men, 0.4% of women
#004a88 Tritanomaly 0.01% of the population

#012ed3 hex color

#012ed3 Color Information

#012ed3 Color Conversion

Color Schemes with #012ed3

Alternatives to #012ed3

#012ed3 Preview

Shades and Tints of #012ed3

Tones of #012ed3

Color Blindness Simulator