colorhexa.com

#2d36c2 hex color

In a RGB color space, hex #2d36c2 is composed of 17.6% red, 21.2% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 72.2% magenta, 0% yellow and 23.9% black. It has a hue angle of 236.4 degrees, a saturation of 62.3% and a lightness of 46.9%. #2d36c2 color hex could be obtained by blending #5a6cff with #000085. Closest websafe color is: #3333cc.

- R 18
- G 21
- B 76
RGB color chart
- C 77
- M 72
- Y 0
- K 24
CMYK color chart

● #2d36c2 color description : Strong blue.

The hexadecimal color #2d36c2 has RGB values of R:45, G:54, B:194 and CMYK values of C:0.77, M:0.72, Y:0, K:0.24. Its decimal value is 2963138.

Hex triplet	2d36c2	`#2d36c2`
RGB Decimal	45, 54, 194	`rgb(45,54,194)`
RGB Percent	17.6, 21.2, 76.1	`rgb(17.6%,21.2%,76.1%)`
CMYK	77, 72, 0, 24
HSL	236.4°, 62.3, 46.9	`hsl(236.4,62.3%,46.9%)`
HSV (or HSB)	236.4°, 76.8, 76.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.012, 44.835, -73.316
XYZ	12.137, 7.09, 51.765
xyY	0.171, 0.1, 7.09
CIE-LCH	32.012, 85.938, 301.447
CIE-LUV	32.012, -8.54, -97.904
Hunter-Lab	26.628, 34.761, -96.621
Binary	00101101, 00110110, 11000010

#2d36c2
```
#2d36c2 rgb(45,54,194)
```
#c2b92d
```
#c2b92d rgb(194,185,45)
```

Complementary Color

#2d81c2
```
#2d81c2 rgb(45,129,194)
```
#2d36c2
```
#2d36c2 rgb(45,54,194)
```
#6f2dc2
```
#6f2dc2 rgb(111,45,194)
```

Analogous Color

#81c22d
```
#81c22d rgb(129,194,45)
```
#2d36c2
```
#2d36c2 rgb(45,54,194)
```
#c26f2d
```
#c26f2d rgb(194,111,45)
```

Split Complementary Color

#36c22d
```
#36c22d rgb(54,194,45)
```
#2d36c2
```
#2d36c2 rgb(45,54,194)
```
#c22d36
```
#c22d36 rgb(194,45,54)
```

Triadic Color

#2dc2b9
```
#2dc2b9 rgb(45,194,185)
```
#2d36c2
```
#2d36c2 rgb(45,54,194)
```
#c22d36
```
#c22d36 rgb(194,45,54)
```
#c2b92d
```
#c2b92d rgb(194,185,45)
```

Tetradic Color

#1f2584
```
#1f2584 rgb(31,37,132)
```
#232a99
```
#232a99 rgb(35,42,153)
```
#2830ad
```
#2830ad rgb(40,48,173)
```
#2d36c2
```
#2d36c2 rgb(45,54,194)
```
#3841d1
```
#3841d1 rgb(56,65,209)
```
#4c55d6
```
#4c55d6 rgb(76,85,214)
```
#6168da
```
#6168da rgb(97,104,218)
```

Monochromatic Color

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

#2d5bc2
```
#2d5bc2 rgb(45,91,194)
```
#2d4fc2
```
#2d4fc2 rgb(45,79,194)
```
#2d42c2
```
#2d42c2 rgb(45,66,194)
```
#2d36c2
```
#2d36c2 rgb(45,54,194)
```
#302dc2
```
#302dc2 rgb(48,45,194)
```
#3d2dc2
```
#3d2dc2 rgb(61,45,194)
```
#492dc2
```
#492dc2 rgb(73,45,194)
```

Similar Colors

Text with hexadecimal color #2d36c2

This text has a font color of #2d36c2.

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

#2d36c2 background color

This paragraph has a background color of #2d36c2.

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

#2d36c2 border color

This element has a border color of #2d36c2.

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

CSS codes

.text {color:#2d36c2;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#040513
```
#040513 rgb(4,5,19)
```
#080a23
```
#080a23 rgb(8,10,35)
```
#0c0e33
```
#0c0e33 rgb(12,14,51)
```
#0f1343
```
#0f1343 rgb(15,19,67)
```
#131753
```
#131753 rgb(19,23,83)
```
#171b62
```
#171b62 rgb(23,27,98)
```
#1b2072
```
#1b2072 rgb(27,32,114)
```
#1e2482
```
#1e2482 rgb(30,36,130)
```
#222992
```
#222992 rgb(34,41,146)
```
#262da2
```
#262da2 rgb(38,45,162)
```
#2932b2
```
#2932b2 rgb(41,50,178)
```
#2d36c2
```
#2d36c2 rgb(45,54,194)
```

Shade Color Variation

#333cd0
```
#333cd0 rgb(51,60,208)
```
#434cd3
```
#434cd3 rgb(67,76,211)
```
#535bd7
```
#535bd7 rgb(83,91,215)
```
#636adb
```
#636adb rgb(99,106,219)
```
#7379de
```
#7379de rgb(115,121,222)
```
#8388e2
```
#8388e2 rgb(131,136,226)
```
#9298e6
```
#9298e6 rgb(146,152,230)
```
#a2a7ea
```
#a2a7ea rgb(162,167,234)
```
#b2b6ed
```
#b2b6ed rgb(178,182,237)
```
#c2c5f1
```
#c2c5f1 rgb(194,197,241)
```
#d2d4f5
```
#d2d4f5 rgb(210,212,245)
```
#e2e3f8
```
#e2e3f8 rgb(226,227,248)
```
#f2f3fc
```
#f2f3fc rgb(242,243,252)
```

Tint Color Variation

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

#777778
```
#777778 rgb(119,119,120)
```
#6d6f82
```
#6d6f82 rgb(109,111,130)
```
#64668b
```
#64668b rgb(100,102,139)
```
#5b5e94
```
#5b5e94 rgb(91,94,148)
```
#52569d
```
#52569d rgb(82,86,157)
```
#494ea6
```
#494ea6 rgb(73,78,166)
```
#3f46b0
```
#3f46b0 rgb(63,70,176)
```
#363eb9
```
#363eb9 rgb(54,62,185)
```
#2d36c2
```
#2d36c2 rgb(45,54,194)
```
#242ecb
```
#242ecb rgb(36,46,203)
```
#1b26d4
```
#1b26d4 rgb(27,38,212)
```
#111ede
```
#111ede rgb(17,30,222)
```
#0816e7
```
#0816e7 rgb(8,22,231)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f405c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#1047ac Protanomaly 1% of men, 0.01% of women
#104b9e Deuteranomaly 6% of men, 0.4% of women
#104e84 Tritanomaly 0.01% of the population