#012cfa hex color

In a RGB color space, hex #012cfa is composed of 0.4% red, 17.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 82.4% magenta, 0% yellow and 2% black. It has a hue angle of 229.6 degrees, a saturation of 99.2% and a lightness of 49.2%. #012cfa color hex could be obtained by blending #0258ff with #0000f5. Closest websafe color is: #0033ff.

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

● #012cfa color description : Vivid blue.

The hexadecimal color #012cfa has RGB values of R:1, G:44, B:250 and CMYK values of C:1, M:0.82, Y:0, K:0.02. Its decimal value is 77050.

Hex triplet	012cfa	`#012cfa`
RGB Decimal	1, 44, 250	`rgb(1,44,250)`
RGB Percent	0.4, 17.3, 98	`rgb(0.4%,17.3%,98%)`
CMYK	100, 82, 0, 2
HSL	229.6°, 99.2, 49.2	`hsl(229.6,99.2%,49.2%)`
HSV (or HSB)	229.6°, 99.6, 98
Web Safe	0033ff	`#0033ff`

CIE-LAB	35.417, 66.382, -99.851
XYZ	18.165, 8.708, 91.161
xyY	0.154, 0.074, 8.708
CIE-LCH	35.417, 119.903, 303.617
CIE-LUV	35.417, -11.866, -130.175
Hunter-Lab	29.51, 58.233, -162.498
Binary	00000001, 00101100, 11111010

#012cfa
```
#012cfa rgb(1,44,250)
```
#facf01
```
#facf01 rgb(250,207,1)
```

Complementary Color

#01a9fa
```
#01a9fa rgb(1,169,250)
```
#012cfa
```
#012cfa rgb(1,44,250)
```
#5201fa
```
#5201fa rgb(82,1,250)
```

Analogous Color

#a9fa01
```
#a9fa01 rgb(169,250,1)
```
#012cfa
```
#012cfa rgb(1,44,250)
```
#fa5201
```
#fa5201 rgb(250,82,1)
```

Split Complementary Color

#2cfa01
```
#2cfa01 rgb(44,250,1)
```
#012cfa
```
#012cfa rgb(1,44,250)
```
#fa012c
```
#fa012c rgb(250,1,44)
```

Triadic Color

#01facf
```
#01facf rgb(1,250,207)
```
#012cfa
```
#012cfa rgb(1,44,250)
```
#fa012c
```
#fa012c rgb(250,1,44)
```
#facf01
```
#facf01 rgb(250,207,1)
```

Tetradic Color

#011fae
```
#011fae rgb(1,31,174)
```
#0123c7
```
#0123c7 rgb(1,35,199)
```
#0128e1
```
#0128e1 rgb(1,40,225)
```
#012cfa
```
#012cfa rgb(1,44,250)
```
#163efe
```
#163efe rgb(22,62,254)
```
#3053fe
```
#3053fe rgb(48,83,254)
```
#4968fe
```
#4968fe rgb(73,104,254)
```

Monochromatic Color

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

#016afa
```
#016afa rgb(1,106,250)
```
#0156fa
```
#0156fa rgb(1,86,250)
```
#0141fa
```
#0141fa rgb(1,65,250)
```
#012cfa
```
#012cfa rgb(1,44,250)
```
#0117fa
```
#0117fa rgb(1,23,250)
```
#0103fa
```
#0103fa rgb(1,3,250)
```
#1401fa
```
#1401fa rgb(20,1,250)
```

Similar Colors

Text with hexadecimal color #012cfa

This text has a font color of #012cfa.

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

#012cfa background color

This paragraph has a background color of #012cfa.

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

#012cfa border color

This element has a border color of #012cfa.

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

CSS codes

.text {color:#012cfa;}

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

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

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)
```
#000623
```
#000623 rgb(0,6,35)
```
#000a37
```
#000a37 rgb(0,10,55)
```
#000d4a
```
#000d4a rgb(0,13,74)
```
#00105e
```
#00105e rgb(0,16,94)
```
#001471
```
#001471 rgb(0,20,113)
```
#011785
```
#011785 rgb(1,23,133)
```
#011b98
```
#011b98 rgb(1,27,152)
```
#011eac
```
#011eac rgb(1,30,172)
```
#0122bf
```
#0122bf rgb(1,34,191)
```
#0125d3
```
#0125d3 rgb(1,37,211)
```
#0129e6
```
#0129e6 rgb(1,41,230)
```
#012cfa
```
#012cfa rgb(1,44,250)
```

Shade Color Variation

#113afe
```
#113afe rgb(17,58,254)
```
#244afe
```
#244afe rgb(36,74,254)
```
#385afe
```
#385afe rgb(56,90,254)
```
#4b6afe
```
#4b6afe rgb(75,106,254)
```
#5f7afe
```
#5f7afe rgb(95,122,254)
```
#728afe
```
#728afe rgb(114,138,254)
```
#869bff
```
#869bff rgb(134,155,255)
```
#99abff
```
#99abff rgb(153,171,255)
```
#adbbff
```
#adbbff rgb(173,187,255)
```
#c0cbff
```
#c0cbff rgb(192,203,255)
```
#d4dbff
```
#d4dbff rgb(212,219,255)
```
#e7ecff
```
#e7ecff rgb(231,236,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#757886
```
#757886 rgb(117,120,134)
```
#6b7290
```
#6b7290 rgb(107,114,144)
```
#626b99
```
#626b99 rgb(98,107,153)
```
#5865a3
```
#5865a3 rgb(88,101,163)
```
#4e5fad
```
#4e5fad rgb(78,95,173)
```
#4558b6
```
#4558b6 rgb(69,88,182)
```
#3b52c0
```
#3b52c0 rgb(59,82,192)
```
#314cca
```
#314cca rgb(49,76,202)
```
#2845d3
```
#2845d3 rgb(40,69,211)
```
#1e3fdd
```
#1e3fdd rgb(30,63,221)
```
#1439e7
```
#1439e7 rgb(20,57,231)
```
#0b32f0
```
#0b32f0 rgb(11,50,240)
```
#012cfa
```
#012cfa rgb(1,44,250)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#2c355e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005f95 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#0049c9 Protanomaly 1% of men, 0.01% of women
#004cba Deuteranomaly 6% of men, 0.4% of women
#00509e Tritanomaly 0.01% of the population

#012cfa hex color

#012cfa Color Information

#012cfa Color Conversion

Color Schemes with #012cfa

Alternatives to #012cfa

#012cfa Preview

Shades and Tints of #012cfa

Tones of #012cfa

Color Blindness Simulator