#012fde hex color

In a RGB color space, hex #012fde is composed of 0.4% red, 18.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 78.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 227.5 degrees, a saturation of 99.1% and a lightness of 43.7%. #012fde color hex could be obtained by blending #025eff with #0000bd. Closest websafe color is: #0033cc.

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

● #012fde color description : Vivid blue.

The hexadecimal color #012fde has RGB values of R:1, G:47, B:222 and CMYK values of C:1, M:0.79, Y:0, K:0.13. Its decimal value is 77790.

Hex triplet	012fde	`#012fde`
RGB Decimal	1, 47, 222	`rgb(1,47,222)`
RGB Percent	0.4, 18.4, 87.1	`rgb(0.4%,18.4%,87.1%)`
CMYK	100, 79, 0, 13
HSL	227.5°, 99.1, 43.7	`hsl(227.5,99.1%,43.7%)`
HSV (or HSB)	227.5°, 99.5, 87.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	32.507, 56.296, -88.788
XYZ	14.211, 7.312, 69.766
xyY	0.156, 0.08, 7.312
CIE-LCH	32.507, 105.131, 302.377
CIE-LUV	32.507, -11.509, -114.448
Hunter-Lab	27.041, 46.487, -134.038
Binary	00000001, 00101111, 11011110

#012fde
```
#012fde rgb(1,47,222)
```
#deb001
```
#deb001 rgb(222,176,1)
```

Complementary Color

#019ede
```
#019ede rgb(1,158,222)
```
#012fde
```
#012fde rgb(1,47,222)
```
#4201de
```
#4201de rgb(66,1,222)
```

Analogous Color

#9ede01
```
#9ede01 rgb(158,222,1)
```
#012fde
```
#012fde rgb(1,47,222)
```
#de4201
```
#de4201 rgb(222,66,1)
```

Split Complementary Color

#2fde01
```
#2fde01 rgb(47,222,1)
```
#012fde
```
#012fde rgb(1,47,222)
```
#de012f
```
#de012f rgb(222,1,47)
```

Triadic Color

#01deb0
```
#01deb0 rgb(1,222,176)
```
#012fde
```
#012fde rgb(1,47,222)
```
#de012f
```
#de012f rgb(222,1,47)
```
#deb001
```
#deb001 rgb(222,176,1)
```

Tetradic Color

#011f92
```
#011f92 rgb(1,31,146)
```
#0124ab
```
#0124ab rgb(1,36,171)
```
#012ac5
```
#012ac5 rgb(1,42,197)
```
#012fde
```
#012fde rgb(1,47,222)
```
#0134f7
```
#0134f7 rgb(1,52,247)
```
#1445fe
```
#1445fe rgb(20,69,254)
```
#2d59fe
```
#2d59fe rgb(45,89,254)
```

Monochromatic Color

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

#0166de
```
#0166de rgb(1,102,222)
```
#0154de
```
#0154de rgb(1,84,222)
```
#0141de
```
#0141de rgb(1,65,222)
```
#012fde
```
#012fde rgb(1,47,222)
```
#011dde
```
#011dde rgb(1,29,222)
```
#010ade
```
#010ade rgb(1,10,222)
```
#0a01de
```
#0a01de rgb(10,1,222)
```

Similar Colors

Text with hexadecimal color #012fde

This text has a font color of #012fde.

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

#012fde background color

This paragraph has a background color of #012fde.

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

#012fde border color

This element has a border color of #012fde.

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

CSS codes

.text {color:#012fde;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#00061b
```
#00061b rgb(0,6,27)
```
#000a2e
```
#000a2e rgb(0,10,46)
```
#000e42
```
#000e42 rgb(0,14,66)
```
#001255
```
#001255 rgb(0,18,85)
```
#001669
```
#001669 rgb(0,22,105)
```
#011a7c
```
#011a7c rgb(1,26,124)
```
#011e90
```
#011e90 rgb(1,30,144)
```
#0123a3
```
#0123a3 rgb(1,35,163)
```
#0127b7
```
#0127b7 rgb(1,39,183)
```
#012bca
```
#012bca rgb(1,43,202)
```
#012fde
```
#012fde rgb(1,47,222)
```
#0133f2
```
#0133f2 rgb(1,51,242)
```

Shade Color Variation

#083bfe
```
#083bfe rgb(8,59,254)
```
#1c4bfe
```
#1c4bfe rgb(28,75,254)
```
#2f5afe
```
#2f5afe rgb(47,90,254)
```
#436afe
```
#436afe rgb(67,106,254)
```
#5679fe
```
#5679fe rgb(86,121,254)
```
#6a89fe
```
#6a89fe rgb(106,137,254)
```
#7e98fe
```
#7e98fe rgb(126,152,254)
```
#91a8ff
```
#91a8ff rgb(145,168,255)
```
#a5b7ff
```
#a5b7ff rgb(165,183,255)
```
#b8c7ff
```
#b8c7ff rgb(184,199,255)
```
#ccd6ff
```
#ccd6ff rgb(204,214,255)
```
#dfe6ff
```
#dfe6ff rgb(223,230,255)
```
#f3f5ff
```
#f3f5ff rgb(243,245,255)
```

Tint Color Variation

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

#686b77
```
#686b77 rgb(104,107,119)
```
#5f6680
```
#5f6680 rgb(95,102,128)
```
#576188
```
#576188 rgb(87,97,136)
```
#4e5c91
```
#4e5c91 rgb(78,92,145)
```
#465799
```
#465799 rgb(70,87,153)
```
#3d52a2
```
#3d52a2 rgb(61,82,162)
```
#344dab
```
#344dab rgb(52,77,171)
```
#2c48b3
```
#2c48b3 rgb(44,72,179)
```
#2343bc
```
#2343bc rgb(35,67,188)
```
#1b3ec4
```
#1b3ec4 rgb(27,62,196)
```
#1239cd
```
#1239cd rgb(18,57,205)
```
#0a34d5
```
#0a34d5 rgb(10,52,213)
```
#012fde
```
#012fde rgb(1,47,222)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#2b3457 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#0046b7 Protanomaly 1% of men, 0.01% of women
#0049a9 Deuteranomaly 6% of men, 0.4% of women
#004d8f Tritanomaly 0.01% of the population

#012fde hex color

#012fde Color Information

#012fde Color Conversion

Color Schemes with #012fde

Alternatives to #012fde

#012fde Preview

Shades and Tints of #012fde

Tones of #012fde

Color Blindness Simulator