#2c36d5 hex color

In a RGB color space, hex #2c36d5 is composed of 17.3% red, 21.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 74.6% magenta, 0% yellow and 16.5% black. It has a hue angle of 236.4 degrees, a saturation of 66.8% and a lightness of 50.4%. #2c36d5 color hex could be obtained by blending #586cff with #0000ab. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 17
- G 21
- B 84
RGB color chart
- C 79
- M 75
- Y 0
- K 16
CMYK color chart

● #2c36d5 color description : Strong blue.

The hexadecimal color #2c36d5 has RGB values of R:44, G:54, B:213 and CMYK values of C:0.79, M:0.75, Y:0, K:0.16. Its decimal value is 2897621.

Hex triplet	2c36d5	`#2c36d5`
RGB Decimal	44, 54, 213	`rgb(44,54,213)`
RGB Percent	17.3, 21.2, 83.5	`rgb(17.3%,21.2%,83.5%)`
CMYK	79, 75, 0, 16
HSL	236.4°, 66.8, 50.4	`hsl(236.4,66.8%,50.4%)`
HSV (or HSB)	236.4°, 79.3, 83.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.935, 51.102, -81.203
XYZ	14.366, 7.977, 63.73
xyY	0.167, 0.093, 7.977
CIE-LCH	33.935, 95.945, 302.182
CIE-LUV	33.935, -9.328, -109.22
Hunter-Lab	28.243, 41.366, -114.014
Binary	00101100, 00110110, 11010101

#2c36d5
```
#2c36d5 rgb(44,54,213)
```
#d5cb2c
```
#d5cb2c rgb(213,203,44)
```

Complementary Color

#2c8bd5
```
#2c8bd5 rgb(44,139,213)
```
#2c36d5
```
#2c36d5 rgb(44,54,213)
```
#772cd5
```
#772cd5 rgb(119,44,213)
```

Analogous Color

#8bd52c
```
#8bd52c rgb(139,213,44)
```
#2c36d5
```
#2c36d5 rgb(44,54,213)
```
#d5772c
```
#d5772c rgb(213,119,44)
```

Split Complementary Color

#36d52c
```
#36d52c rgb(54,213,44)
```
#2c36d5
```
#2c36d5 rgb(44,54,213)
```
#d52c36
```
#d52c36 rgb(213,44,54)
```

Triadic Color

#2cd5cb
```
#2cd5cb rgb(44,213,203)
```
#2c36d5
```
#2c36d5 rgb(44,54,213)
```
#d52c36
```
#d52c36 rgb(213,44,54)
```
#d5cb2c
```
#d5cb2c rgb(213,203,44)
```

Tetradic Color

#1e2597
```
#1e2597 rgb(30,37,151)
```
#222aac
```
#222aac rgb(34,42,172)
```
#2630c1
```
#2630c1 rgb(38,48,193)
```
#2c36d5
```
#2c36d5 rgb(44,54,213)
```
#414ad9
```
#414ad9 rgb(65,74,217)
```
#575fdd
```
#575fdd rgb(87,95,221)
```
#6c73e2
```
#6c73e2 rgb(108,115,226)
```

Monochromatic Color

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

#2c60d5
```
#2c60d5 rgb(44,96,213)
```
#2c52d5
```
#2c52d5 rgb(44,82,213)
```
#2c44d5
```
#2c44d5 rgb(44,68,213)
```
#2c36d5
```
#2c36d5 rgb(44,54,213)
```
#302cd5
```
#302cd5 rgb(48,44,213)
```
#3e2cd5
```
#3e2cd5 rgb(62,44,213)
```
#4c2cd5
```
#4c2cd5 rgb(76,44,213)
```

Similar Colors

Text with hexadecimal color #2c36d5

This text has a font color of #2c36d5.

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

#2c36d5 background color

This paragraph has a background color of #2c36d5.

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

#2c36d5 border color

This element has a border color of #2c36d5.

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

CSS codes

.text {color:#2c36d5;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040412
```
#040412 rgb(4,4,18)
```
#070822
```
#070822 rgb(7,8,34)
```
#0a0d33
```
#0a0d33 rgb(10,13,51)
```
#0d1143
```
#0d1143 rgb(13,17,67)
```
#111553
```
#111553 rgb(17,21,83)
```
#141964
```
#141964 rgb(20,25,100)
```
#171d74
```
#171d74 rgb(23,29,116)
```
#1a2185
```
#1a2185 rgb(26,33,133)
```
#1e2595
```
#1e2595 rgb(30,37,149)
```
#2129a5
```
#2129a5 rgb(33,41,165)
```
#242db6
```
#242db6 rgb(36,45,182)
```
#2731c6
```
#2731c6 rgb(39,49,198)
```

Shade Color Variation

#2c36d5
```
#2c36d5 rgb(44,54,213)
```
#3c46d8
```
#3c46d8 rgb(60,70,216)
```
#4d55dc
```
#4d55dc rgb(77,85,220)
```
#5d65df
```
#5d65df rgb(93,101,223)
```
#6d74e2
```
#6d74e2 rgb(109,116,226)
```
#7e84e5
```
#7e84e5 rgb(126,132,229)
```
#8e94e9
```
#8e94e9 rgb(142,148,233)
```
#9fa3ec
```
#9fa3ec rgb(159,163,236)
```
#afb3ef
```
#afb3ef rgb(175,179,239)
```
#bfc2f2
```
#bfc2f2 rgb(191,194,242)
```
#d0d2f6
```
#d0d2f6 rgb(208,210,246)
```
#e0e1f9
```
#e0e1f9 rgb(224,225,249)
```
#f0f1fc
```
#f0f1fc rgb(240,241,252)
```

Tint Color Variation

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

#7a7b87
```
#7a7b87 rgb(122,123,135)
```
#707291
```
#707291 rgb(112,114,145)
```
#66699b
```
#66699b rgb(102,105,155)
```
#5d61a4
```
#5d61a4 rgb(93,97,164)
```
#5358ae
```
#5358ae rgb(83,88,174)
```
#4950b8
```
#4950b8 rgb(73,80,184)
```
#3f47c2
```
#3f47c2 rgb(63,71,194)
```
#363fcb
```
#363fcb rgb(54,63,203)
```
#2c36d5
```
#2c36d5 rgb(44,54,213)
```
#222ddf
```
#222ddf rgb(34,45,223)
```
#1925e8
```
#1925e8 rgb(25,37,232)
```
#0f1cf2
```
#0f1cf2 rgb(15,28,242)
```
#0514fc
```
#0514fc rgb(5,20,252)
```

Tone Color Variation

Below, you can see how #2c36d5 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
#404262 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#104ab8 Protanomaly 1% of men, 0.01% of women
#104da9 Deuteranomaly 6% of men, 0.4% of women
#10518e Tritanomaly 0.01% of the population

#2c36d5 hex color

#2c36d5 Color Information

#2c36d5 Color Conversion

Color Schemes with #2c36d5

Alternatives to #2c36d5

#2c36d5 Preview

Shades and Tints of #2c36d5

Tones of #2c36d5

Color Blindness Simulator