#012dff hex color

In a RGB color space, hex #012dff is composed of 0.4% red, 17.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 82.4% magenta, 0% yellow and 0% black. It has a hue angle of 229.6 degrees, a saturation of 100% and a lightness of 50.2%. #012dff color hex could be obtained by blending #025aff with #0000ff. Closest websafe color is: #0033ff.

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

● #012dff color description : Vivid blue.

The hexadecimal color #012dff has RGB values of R:1, G:45, B:255 and CMYK values of C:1, M:0.82, Y:0, K:0. Its decimal value is 77311.

Hex triplet	012dff	`#012dff`
RGB Decimal	1, 45, 255	`rgb(1,45,255)`
RGB Percent	0.4, 17.6, 100	`rgb(0.4%,17.6%,100%)`
CMYK	100, 82, 0, 0
HSL	229.6°, 100, 50.2	`hsl(229.6,100%,50.2%)`
HSV (or HSB)	229.6°, 99.6, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	36.179, 67.429, -101.386
XYZ	18.997, 9.102, 95.358
xyY	0.154, 0.074, 9.102
CIE-LCH	36.179, 121.761, 303.627
CIE-LUV	36.179, -12.116, -133.028
Hunter-Lab	30.169, 59.605, -166.285
Binary	00000001, 00101101, 11111111

#012dff
```
#012dff rgb(1,45,255)
```
#ffd301
```
#ffd301 rgb(255,211,1)
```

Complementary Color

#01acff
```
#01acff rgb(1,172,255)
```
#012dff
```
#012dff rgb(1,45,255)
```
#5401ff
```
#5401ff rgb(84,1,255)
```

Analogous Color

#acff01
```
#acff01 rgb(172,255,1)
```
#012dff
```
#012dff rgb(1,45,255)
```
#ff5401
```
#ff5401 rgb(255,84,1)
```

Split Complementary Color

#2dff01
```
#2dff01 rgb(45,255,1)
```
#012dff
```
#012dff rgb(1,45,255)
```
#ff012d
```
#ff012d rgb(255,1,45)
```

Triadic Color

#01ffd3
```
#01ffd3 rgb(1,255,211)
```
#012dff
```
#012dff rgb(1,45,255)
```
#ff012d
```
#ff012d rgb(255,1,45)
```
#ffd301
```
#ffd301 rgb(255,211,1)
```

Tetradic Color

#001fb4
```
#001fb4 rgb(0,31,180)
```
#0024cd
```
#0024cd rgb(0,36,205)
```
#0028e7
```
#0028e7 rgb(0,40,231)
```
#012dff
```
#012dff rgb(1,45,255)
```
#1b42ff
```
#1b42ff rgb(27,66,255)
```
#3457ff
```
#3457ff rgb(52,87,255)
```
#4e6cff
```
#4e6cff rgb(78,108,255)
```

Monochromatic Color

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

#016dff
```
#016dff rgb(1,109,255)
```
#0157ff
```
#0157ff rgb(1,87,255)
```
#0142ff
```
#0142ff rgb(1,66,255)
```
#012dff
```
#012dff rgb(1,45,255)
```
#0118ff
```
#0118ff rgb(1,24,255)
```
#0103ff
```
#0103ff rgb(1,3,255)
```
#1501ff
```
#1501ff rgb(21,1,255)
```

Similar Colors

Text with hexadecimal color #012dff

This text has a font color of #012dff.

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

#012dff background color

This paragraph has a background color of #012dff.

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

#012dff border color

This element has a border color of #012dff.

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

CSS codes

.text {color:#012dff;}

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

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

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 #ecf0ff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#000415
```
#000415 rgb(0,4,21)
```
#000728
```
#000728 rgb(0,7,40)
```
#000a3c
```
#000a3c rgb(0,10,60)
```
#000e4f
```
#000e4f rgb(0,14,79)
```
#001163
```
#001163 rgb(0,17,99)
```
#001577
```
#001577 rgb(0,21,119)
```
#00188a
```
#00188a rgb(0,24,138)
```
#001b9e
```
#001b9e rgb(0,27,158)
```
#001fb2
```
#001fb2 rgb(0,31,178)
```
#0022c5
```
#0022c5 rgb(0,34,197)
```
#0026d9
```
#0026d9 rgb(0,38,217)
```
#0029ec
```
#0029ec rgb(0,41,236)
```

Shade Color Variation

#012dff
```
#012dff rgb(1,45,255)
```
#153dff
```
#153dff rgb(21,61,255)
```
#284dff
```
#284dff rgb(40,77,255)
```
#3c5eff
```
#3c5eff rgb(60,94,255)
```
#4f6eff
```
#4f6eff rgb(79,110,255)
```
#637eff
```
#637eff rgb(99,126,255)
```
#778eff
```
#778eff rgb(119,142,255)
```
#8a9fff
```
#8a9fff rgb(138,159,255)
```
#9eafff
```
#9eafff rgb(158,175,255)
```
#b2bfff
```
#b2bfff rgb(178,191,255)
```
#c5cfff
```
#c5cfff rgb(197,207,255)
```
#d9dfff
```
#d9dfff rgb(217,223,255)
```
#ecf0ff
```
#ecf0ff rgb(236,240,255)
```

Tint Color Variation

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

#767a8a
```
#767a8a rgb(118,122,138)
```
#6c7394
```
#6c7394 rgb(108,115,148)
```
#636d9d
```
#636d9d rgb(99,109,157)
```
#5966a7
```
#5966a7 rgb(89,102,167)
```
#4f60b1
```
#4f60b1 rgb(79,96,177)
```
#455abb
```
#455abb rgb(69,90,187)
```
#3c53c4
```
#3c53c4 rgb(60,83,196)
```
#324dce
```
#324dce rgb(50,77,206)
```
#2847d8
```
#2847d8 rgb(40,71,216)
```
#1e40e2
```
#1e40e2 rgb(30,64,226)
```
#153aeb
```
#153aeb rgb(21,58,235)
```
#0b33f5
```
#0b33f5 rgb(11,51,245)
```
#012dff
```
#012dff rgb(1,45,255)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#2d3660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00676b Tritanopia 0.001% of the population

Trichromacy

#004acd Protanomaly 1% of men, 0.01% of women
#004dbd Deuteranomaly 6% of men, 0.4% of women
#0052a1 Tritanomaly 0.01% of the population

#012dff hex color

#012dff Color Information

#012dff Color Conversion

Color Schemes with #012dff

Alternatives to #012dff

#012dff Preview

Shades and Tints of #012dff

Tones of #012dff

Color Blindness Simulator