#2d36ff hex color

In a RGB color space, hex #2d36ff is composed of 17.6% red, 21.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 78.8% magenta, 0% yellow and 0% black. It has a hue angle of 237.4 degrees, a saturation of 100% and a lightness of 58.8%. #2d36ff color hex could be obtained by blending #5a6cff with #0000ff. Closest websafe color is: #3333ff.

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

● #2d36ff color description : Vivid blue.

The hexadecimal color #2d36ff has RGB values of R:45, G:54, B:255 and CMYK values of C:0.82, M:0.79, Y:0, K:0. Its decimal value is 2963199.

Hex triplet	2d36ff	`#2d36ff`
RGB Decimal	45, 54, 255	`rgb(45,54,255)`
RGB Percent	17.6, 21.2, 100	`rgb(17.6%,21.2%,100%)`
CMYK	82, 79, 0, 0
HSL	237.4°, 100, 58.8	`hsl(237.4,100%,58.8%)`
HSV (or HSB)	237.4°, 82.4, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.577, 64.353, -97.371
XYZ	20.448, 10.415, 95.535
xyY	0.162, 0.082, 10.415
CIE-LCH	38.577, 116.715, 303.461
CIE-LUV	38.577, -10.677, -133.403
Hunter-Lab	32.272, 56.623, -152.926
Binary	00101101, 00110110, 11111111

#2d36ff
```
#2d36ff rgb(45,54,255)
```
#fff62d
```
#fff62d rgb(255,246,45)
```

Complementary Color

#2d9fff
```
#2d9fff rgb(45,159,255)
```
#2d36ff
```
#2d36ff rgb(45,54,255)
```
#8d2dff
```
#8d2dff rgb(141,45,255)
```

Analogous Color

#9fff2d
```
#9fff2d rgb(159,255,45)
```
#2d36ff
```
#2d36ff rgb(45,54,255)
```
#ff8d2d
```
#ff8d2d rgb(255,141,45)
```

Split Complementary Color

#36ff2d
```
#36ff2d rgb(54,255,45)
```
#2d36ff
```
#2d36ff rgb(45,54,255)
```
#ff2d36
```
#ff2d36 rgb(255,45,54)
```

Triadic Color

#2dfff6
```
#2dfff6 rgb(45,255,246)
```
#2d36ff
```
#2d36ff rgb(45,54,255)
```
#ff2d36
```
#ff2d36 rgb(255,45,54)
```
#fff62d
```
#fff62d rgb(255,246,45)
```

Tetradic Color

#000ae0
```
#000ae0 rgb(0,10,224)
```
#000bf9
```
#000bf9 rgb(0,11,249)
```
#141eff
```
#141eff rgb(20,30,255)
```
#2d36ff
```
#2d36ff rgb(45,54,255)
```
#474eff
```
#474eff rgb(71,78,255)
```
#6067ff
```
#6067ff rgb(96,103,255)
```
#7a7fff
```
#7a7fff rgb(122,127,255)
```

Monochromatic Color

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

#2d6bff
```
#2d6bff rgb(45,107,255)
```
#2d59ff
```
#2d59ff rgb(45,89,255)
```
#2d48ff
```
#2d48ff rgb(45,72,255)
```
#2d36ff
```
#2d36ff rgb(45,54,255)
```
#362dff
```
#362dff rgb(54,45,255)
```
#472dff
```
#472dff rgb(71,45,255)
```
#592dff
```
#592dff rgb(89,45,255)
```

Similar Colors

Text with hexadecimal color #2d36ff

This text has a font color of #2d36ff.

<span style="color:#2d36ff;">Text here</span>

#2d36ff background color

This paragraph has a background color of #2d36ff.

<p style="background-color:#2d36ff;">Content here</p>

#2d36ff border color

This element has a border color of #2d36ff.

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

CSS codes

.text {color:#2d36ff;}

.background {background-color:#2d36ff;}

.border {border:1px solid #2d36ff;}

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

#000006
```
#000006 rgb(0,0,6)
```
#000119
```
#000119 rgb(0,1,25)
```
#00022d
```
#00022d rgb(0,2,45)
```
#000341
```
#000341 rgb(0,3,65)
```
#000454
```
#000454 rgb(0,4,84)
```
#000468
```
#000468 rgb(0,4,104)
```
#00057b
```
#00057b rgb(0,5,123)
```
#00068f
```
#00068f rgb(0,6,143)
```
#0007a3
```
#0007a3 rgb(0,7,163)
```
#0008b6
```
#0008b6 rgb(0,8,182)
```
#0009ca
```
#0009ca rgb(0,9,202)
```
#0009de
```
#0009de rgb(0,9,222)
```
#000af1
```
#000af1 rgb(0,10,241)
```

Shade Color Variation

#0610ff
```
#0610ff rgb(6,16,255)
```
#1923ff
```
#1923ff rgb(25,35,255)
```
#2d36ff
```
#2d36ff rgb(45,54,255)
```
#4149ff
```
#4149ff rgb(65,73,255)
```
#545cff
```
#545cff rgb(84,92,255)
```
#686eff
```
#686eff rgb(104,110,255)
```
#7b81ff
```
#7b81ff rgb(123,129,255)
```
#8f94ff
```
#8f94ff rgb(143,148,255)
```
#a3a7ff
```
#a3a7ff rgb(163,167,255)
```
#b6b9ff
```
#b6b9ff rgb(182,185,255)
```
#caccff
```
#caccff rgb(202,204,255)
```
#dedfff
```
#dedfff rgb(222,223,255)
```
#f1f2ff
```
#f1f2ff rgb(241,242,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8f9e is the less saturated color, while #2d36ff is the most saturated one.

#8e8f9e
```
#8e8f9e rgb(142,143,158)
```
#8687a6
```
#8687a6 rgb(134,135,166)
```
#7e80ae
```
#7e80ae rgb(126,128,174)
```
#7678b6
```
#7678b6 rgb(118,120,182)
```
#6e71be
```
#6e71be rgb(110,113,190)
```
#666ac6
```
#666ac6 rgb(102,106,198)
```
#5d62cf
```
#5d62cf rgb(93,98,207)
```
#555bd7
```
#555bd7 rgb(85,91,215)
```
#4d54df
```
#4d54df rgb(77,84,223)
```
#454ce7
```
#454ce7 rgb(69,76,231)
```
#3d45ef
```
#3d45ef rgb(61,69,239)
```
#353df7
```
#353df7 rgb(53,61,247)
```
#2d36ff
```
#2d36ff rgb(45,54,255)
```

Tone Color Variation

Below, you can see how #2d36ff 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

#4a4a4a Achromatopsia 0.005% of the population
#44466e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0066a1 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#1051d4 Protanomaly 1% of men, 0.01% of women
#1054c3 Deuteranomaly 6% of men, 0.4% of women
#1059a5 Tritanomaly 0.01% of the population

#2d36ff hex color

#2d36ff Color Information

#2d36ff Color Conversion

Color Schemes with #2d36ff

Alternatives to #2d36ff

#2d36ff Preview

Shades and Tints of #2d36ff

Tones of #2d36ff

Color Blindness Simulator