#7036ff hex color

In a RGB color space, hex #7036ff is composed of 43.9% red, 21.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 78.8% magenta, 0% yellow and 0% black. It has a hue angle of 257.3 degrees, a saturation of 100% and a lightness of 60.6%. #7036ff color hex could be obtained by blending #e06cff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 44
- G 21
- B 100
RGB color chart
- C 56
- M 79
- Y 0
- K 0
CMYK color chart

● #7036ff color description : Light violet.

The hexadecimal color #7036ff has RGB values of R:112, G:54, B:255 and CMYK values of C:0.56, M:0.79, Y:0, K:0. Its decimal value is 7354111.

Hex triplet	7036ff	`#7036ff`
RGB Decimal	112, 54, 255	`rgb(112,54,255)`
RGB Percent	43.9, 21.2, 100	`rgb(43.9%,21.2%,100%)`
CMYK	56, 79, 0, 0
HSL	257.3°, 100, 60.6	`hsl(257.3,100%,60.6%)`
HSV (or HSB)	257.3°, 78.8, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.215, 69.536, -89.548
XYZ	26.048, 13.302, 95.797
xyY	0.193, 0.098, 13.302
CIE-LCH	43.215, 113.376, 307.83
CIE-LUV	43.215, 2.962, -131.995
Hunter-Lab	36.472, 63.655, -130.198
Binary	01110000, 00110110, 11111111

#7036ff
```
#7036ff rgb(112,54,255)
```
#c5ff36
```
#c5ff36 rgb(197,255,54)
```

Complementary Color

#3660ff
```
#3660ff rgb(54,96,255)
```
#7036ff
```
#7036ff rgb(112,54,255)
```
#d536ff
```
#d536ff rgb(213,54,255)
```

Analogous Color

#60ff36
```
#60ff36 rgb(96,255,54)
```
#7036ff
```
#7036ff rgb(112,54,255)
```
#ffd536
```
#ffd536 rgb(255,213,54)
```

Split Complementary Color

#36ff70
```
#36ff70 rgb(54,255,112)
```
#7036ff
```
#7036ff rgb(112,54,255)
```
#ff7036
```
#ff7036 rgb(255,112,54)
```

Triadic Color

#36c5ff
```
#36c5ff rgb(54,197,255)
```
#7036ff
```
#7036ff rgb(112,54,255)
```
#ff7036
```
#ff7036 rgb(255,112,54)
```
#c5ff36
```
#c5ff36 rgb(197,255,54)
```

Tetradic Color

#4300e9
```
#4300e9 rgb(67,0,233)
```
#4c03ff
```
#4c03ff rgb(76,3,255)
```
#5e1dff
```
#5e1dff rgb(94,29,255)
```
#7036ff
```
#7036ff rgb(112,54,255)
```
#8250ff
```
#8250ff rgb(130,80,255)
```
#9469ff
```
#9469ff rgb(148,105,255)
```
#a683ff
```
#a683ff rgb(166,131,255)
```

Monochromatic Color

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

#3e36ff
```
#3e36ff rgb(62,54,255)
```
#4f36ff
```
#4f36ff rgb(79,54,255)
```
#5f36ff
```
#5f36ff rgb(95,54,255)
```
#7036ff
```
#7036ff rgb(112,54,255)
```
#8136ff
```
#8136ff rgb(129,54,255)
```
#9236ff
```
#9236ff rgb(146,54,255)
```
#a236ff
```
#a236ff rgb(162,54,255)
```

Similar Colors

Text with hexadecimal color #7036ff

This text has a font color of #7036ff.

<span style="color:#7036ff;">Text here</span>

#7036ff background color

This paragraph has a background color of #7036ff.

<p style="background-color:#7036ff;">Content here</p>

#7036ff border color

This element has a border color of #7036ff.

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

CSS codes

.text {color:#7036ff;}

.background {background-color:#7036ff;}

.border {border:1px solid #7036ff;}

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, #04000f is the darkest color, while #fcfaff is the lightest one.

#04000f
```
#04000f rgb(4,0,15)
```
#0a0022
```
#0a0022 rgb(10,0,34)
```
#100036
```
#100036 rgb(16,0,54)
```
#15004a
```
#15004a rgb(21,0,74)
```
#1b005d
```
#1b005d rgb(27,0,93)
```
#210071
```
#210071 rgb(33,0,113)
```
#260084
```
#260084 rgb(38,0,132)
```
#2c0098
```
#2c0098 rgb(44,0,152)
```
#3200ac
```
#3200ac rgb(50,0,172)
```
#3700bf
```
#3700bf rgb(55,0,191)
```
#3d00d3
```
#3d00d3 rgb(61,0,211)
```
#4300e7
```
#4300e7 rgb(67,0,231)
```
#4800fa
```
#4800fa rgb(72,0,250)
```

Shade Color Variation

#540fff
```
#540fff rgb(84,15,255)
```
#6222ff
```
#6222ff rgb(98,34,255)
```
#7036ff
```
#7036ff rgb(112,54,255)
```
#7e4aff
```
#7e4aff rgb(126,74,255)
```
#8c5dff
```
#8c5dff rgb(140,93,255)
```
#9a71ff
```
#9a71ff rgb(154,113,255)
```
#a884ff
```
#a884ff rgb(168,132,255)
```
#b698ff
```
#b698ff rgb(182,152,255)
```
#c4acff
```
#c4acff rgb(196,172,255)
```
#d2bfff
```
#d2bfff rgb(210,191,255)
```
#e0d3ff
```
#e0d3ff rgb(224,211,255)
```
#eee7ff
```
#eee7ff rgb(238,231,255)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9793a2 is the less saturated color, while #7036ff is the most saturated one.

#9793a2
```
#9793a2 rgb(151,147,162)
```
#948baa
```
#948baa rgb(148,139,170)
```
#9183b2
```
#9183b2 rgb(145,131,178)
```
#8d7cb9
```
#8d7cb9 rgb(141,124,185)
```
#8a74c1
```
#8a74c1 rgb(138,116,193)
```
#876cc9
```
#876cc9 rgb(135,108,201)
```
#8464d1
```
#8464d1 rgb(132,100,209)
```
#805dd8
```
#805dd8 rgb(128,93,216)
```
#7d55e0
```
#7d55e0 rgb(125,85,224)
```
#7a4de8
```
#7a4de8 rgb(122,77,232)
```
#7745f0
```
#7745f0 rgb(119,69,240)
```
#733ef7
```
#733ef7 rgb(115,62,247)
```
#7036ff
```
#7036ff rgb(112,54,255)
```

Tone Color Variation

Below, you can see how #7036ff 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

#5e5e5e Achromatopsia 0.005% of the population
#62567e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0071b4 Deuteranopia 1% of men
#31777f Tritanopia 0.001% of the population

Trichromacy

#2857e0 Protanomaly 1% of men, 0.01% of women
#285bcf Deuteranomaly 6% of men, 0.4% of women
#485fae Tritanomaly 0.01% of the population

#7036ff hex color

#7036ff Color Information

#7036ff Color Conversion

Color Schemes with #7036ff

Alternatives to #7036ff

#7036ff Preview

Shades and Tints of #7036ff

Tones of #7036ff

Color Blindness Simulator