#2d36d2 hex color

In a RGB color space, hex #2d36d2 is composed of 17.6% red, 21.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 74.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 236.7 degrees, a saturation of 64.7% and a lightness of 50%. #2d36d2 color hex could be obtained by blending #5a6cff with #0000a5. Closest websafe color is: #3333cc.

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

● #2d36d2 color description : Strong blue.

The hexadecimal color #2d36d2 has RGB values of R:45, G:54, B:210 and CMYK values of C:0.79, M:0.74, Y:0, K:0.18. Its decimal value is 2963154.

Hex triplet	2d36d2	`#2d36d2`
RGB Decimal	45, 54, 210	`rgb(45,54,210)`
RGB Percent	17.6, 21.2, 82.4	`rgb(17.6%,21.2%,82.4%)`
CMYK	79, 74, 0, 18
HSL	236.7°, 64.7, 50	`hsl(236.7,64.7%,50%)`
HSV (or HSB)	236.7°, 78.6, 82.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.665, 50.184, -79.913
XYZ	14.032, 7.848, 61.745
xyY	0.168, 0.094, 7.848
CIE-LCH	33.665, 94.364, 302.128
CIE-LUV	33.665, -9.093, -107.445
Hunter-Lab	28.015, 40.379, -111.063
Binary	00101101, 00110110, 11010010

#2d36d2
```
#2d36d2 rgb(45,54,210)
```
#d2c92d
```
#d2c92d rgb(210,201,45)
```

Complementary Color

#2d89d2
```
#2d89d2 rgb(45,137,210)
```
#2d36d2
```
#2d36d2 rgb(45,54,210)
```
#772dd2
```
#772dd2 rgb(119,45,210)
```

Analogous Color

#89d22d
```
#89d22d rgb(137,210,45)
```
#2d36d2
```
#2d36d2 rgb(45,54,210)
```
#d2772d
```
#d2772d rgb(210,119,45)
```

Split Complementary Color

#36d22d
```
#36d22d rgb(54,210,45)
```
#2d36d2
```
#2d36d2 rgb(45,54,210)
```
#d22d36
```
#d22d36 rgb(210,45,54)
```

Triadic Color

#2dd2c9
```
#2dd2c9 rgb(45,210,201)
```
#2d36d2
```
#2d36d2 rgb(45,54,210)
```
#d22d36
```
#d22d36 rgb(210,45,54)
```
#d2c92d
```
#d2c92d rgb(210,201,45)
```

Tetradic Color

#202693
```
#202693 rgb(32,38,147)
```
#242ba8
```
#242ba8 rgb(36,43,168)
```
#2931bd
```
#2931bd rgb(41,49,189)
```
#2d36d2
```
#2d36d2 rgb(45,54,210)
```
#424ad7
```
#424ad7 rgb(66,74,215)
```
#575edb
```
#575edb rgb(87,94,219)
```
#6c72e0
```
#6c72e0 rgb(108,114,224)
```

Monochromatic Color

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

#2d5fd2
```
#2d5fd2 rgb(45,95,210)
```
#2d52d2
```
#2d52d2 rgb(45,82,210)
```
#2d44d2
```
#2d44d2 rgb(45,68,210)
```
#2d36d2
```
#2d36d2 rgb(45,54,210)
```
#322dd2
```
#322dd2 rgb(50,45,210)
```
#3f2dd2
```
#3f2dd2 rgb(63,45,210)
```
#4d2dd2
```
#4d2dd2 rgb(77,45,210)
```

Similar Colors

Text with hexadecimal color #2d36d2

This text has a font color of #2d36d2.

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

#2d36d2 background color

This paragraph has a background color of #2d36d2.

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

#2d36d2 border color

This element has a border color of #2d36d2.

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

CSS codes

.text {color:#2d36d2;}

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

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

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

#030410
```
#030410 rgb(3,4,16)
```
#070820
```
#070820 rgb(7,8,32)
```
#0a0c30
```
#0a0c30 rgb(10,12,48)
```
#0e1141
```
#0e1141 rgb(14,17,65)
```
#111551
```
#111551 rgb(17,21,81)
```
#151961
```
#151961 rgb(21,25,97)
```
#181d71
```
#181d71 rgb(24,29,113)
```
#1c2181
```
#1c2181 rgb(28,33,129)
```
#1f2591
```
#1f2591 rgb(31,37,145)
```
#232aa2
```
#232aa2 rgb(35,42,162)
```
#262eb2
```
#262eb2 rgb(38,46,178)
```
#2a32c2
```
#2a32c2 rgb(42,50,194)
```
#2d36d2
```
#2d36d2 rgb(45,54,210)
```

Shade Color Variation

#3d45d5
```
#3d45d5 rgb(61,69,213)
```
#4d55d9
```
#4d55d9 rgb(77,85,217)
```
#5d64dc
```
#5d64dc rgb(93,100,220)
```
#6e74e0
```
#6e74e0 rgb(110,116,224)
```
#7e83e3
```
#7e83e3 rgb(126,131,227)
```
#8e93e7
```
#8e93e7 rgb(142,147,231)
```
#9ea2ea
```
#9ea2ea rgb(158,162,234)
```
#aeb2ee
```
#aeb2ee rgb(174,178,238)
```
#bec1f1
```
#bec1f1 rgb(190,193,241)
```
#cfd1f5
```
#cfd1f5 rgb(207,209,245)
```
#dfe0f8
```
#dfe0f8 rgb(223,224,248)
```
#eff0fc
```
#eff0fc rgb(239,240,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7c84 is the less saturated color, while #0613f9 is the most saturated one.

#7b7c84
```
#7b7c84 rgb(123,124,132)
```
#72738d
```
#72738d rgb(114,115,141)
```
#686a97
```
#686a97 rgb(104,106,151)
```
#5e62a1
```
#5e62a1 rgb(94,98,161)
```
#5459ab
```
#5459ab rgb(84,89,171)
```
#4a50b5
```
#4a50b5 rgb(74,80,181)
```
#4147be
```
#4147be rgb(65,71,190)
```
#373fc8
```
#373fc8 rgb(55,63,200)
```
#2d36d2
```
#2d36d2 rgb(45,54,210)
```
#232ddc
```
#232ddc rgb(35,45,220)
```
#1925e6
```
#1925e6 rgb(25,37,230)
```
#101cef
```
#101cef rgb(16,28,239)
```
#0613f9
```
#0613f9 rgb(6,19,249)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#404261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a90 Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#104ab6 Protanomaly 1% of men, 0.01% of women
#104da8 Deuteranomaly 6% of men, 0.4% of women
#10518d Tritanomaly 0.01% of the population

#2d36d2 hex color

#2d36d2 Color Information

#2d36d2 Color Conversion

Color Schemes with #2d36d2

Alternatives to #2d36d2

#2d36d2 Preview

Shades and Tints of #2d36d2

Tones of #2d36d2

Color Blindness Simulator