#2d36cc hex color

In a RGB color space, hex #2d36cc is composed of 17.6% red, 21.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 73.5% magenta, 0% yellow and 20% black. It has a hue angle of 236.6 degrees, a saturation of 63.9% and a lightness of 48.8%. #2d36cc color hex could be obtained by blending #5a6cff with #000099. Closest websafe color is: #3333cc.

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

● #2d36cc color description : Strong blue.

The hexadecimal color #2d36cc has RGB values of R:45, G:54, B:204 and CMYK values of C:0.78, M:0.74, Y:0, K:0.2. Its decimal value is 2963148.

Hex triplet	2d36cc	`#2d36cc`
RGB Decimal	45, 54, 204	`rgb(45,54,204)`
RGB Percent	17.6, 21.2, 80	`rgb(17.6%,21.2%,80%)`
CMYK	78, 74, 0, 20
HSL	236.6°, 63.9, 48.8	`hsl(236.6,63.9%,48.8%)`
HSV (or HSB)	236.6°, 77.9, 80
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.038, 48.198, -77.466
XYZ	13.298, 7.555, 57.881
xyY	0.169, 0.096, 7.555
CIE-LCH	33.038, 91.236, 301.889
CIE-LUV	33.038, -8.885, -103.89
Hunter-Lab	27.486, 38.26, -105.613
Binary	00101101, 00110110, 11001100

#2d36cc
```
#2d36cc rgb(45,54,204)
```
#ccc32d
```
#ccc32d rgb(204,195,45)
```

Complementary Color

#2d86cc
```
#2d86cc rgb(45,134,204)
```
#2d36cc
```
#2d36cc rgb(45,54,204)
```
#742dcc
```
#742dcc rgb(116,45,204)
```

Analogous Color

#86cc2d
```
#86cc2d rgb(134,204,45)
```
#2d36cc
```
#2d36cc rgb(45,54,204)
```
#cc742d
```
#cc742d rgb(204,116,45)
```

Split Complementary Color

#36cc2d
```
#36cc2d rgb(54,204,45)
```
#2d36cc
```
#2d36cc rgb(45,54,204)
```
#cc2d36
```
#cc2d36 rgb(204,45,54)
```

Triadic Color

#2dccc3
```
#2dccc3 rgb(45,204,195)
```
#2d36cc
```
#2d36cc rgb(45,54,204)
```
#cc2d36
```
#cc2d36 rgb(204,45,54)
```
#ccc32d
```
#ccc32d rgb(204,195,45)
```

Tetradic Color

#1f258d
```
#1f258d rgb(31,37,141)
```
#242ba2
```
#242ba2 rgb(36,43,162)
```
#2830b7
```
#2830b7 rgb(40,48,183)
```
#2d36cc
```
#2d36cc rgb(45,54,204)
```
#3e47d4
```
#3e47d4 rgb(62,71,212)
```
#535bd9
```
#535bd9 rgb(83,91,217)
```
#686fde
```
#686fde rgb(104,111,222)
```

Monochromatic Color

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

#2d5ecc
```
#2d5ecc rgb(45,94,204)
```
#2d51cc
```
#2d51cc rgb(45,81,204)
```
#2d43cc
```
#2d43cc rgb(45,67,204)
```
#2d36cc
```
#2d36cc rgb(45,54,204)
```
#312dcc
```
#312dcc rgb(49,45,204)
```
#3f2dcc
```
#3f2dcc rgb(63,45,204)
```
#4c2dcc
```
#4c2dcc rgb(76,45,204)
```

Similar Colors

Text with hexadecimal color #2d36cc

This text has a font color of #2d36cc.

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

#2d36cc background color

This paragraph has a background color of #2d36cc.

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

#2d36cc border color

This element has a border color of #2d36cc.

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

CSS codes

.text {color:#2d36cc;}

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

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

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, #02030b is the darkest color, while #fafafe is the lightest one.

#02030b
```
#02030b rgb(2,3,11)
```
#06071b
```
#06071b rgb(6,7,27)
```
#0a0b2b
```
#0a0b2b rgb(10,11,43)
```
#0d103b
```
#0d103b rgb(13,16,59)
```
#11144b
```
#11144b rgb(17,20,75)
```
#14185c
```
#14185c rgb(20,24,92)
```
#181c6c
```
#181c6c rgb(24,28,108)
```
#1b217c
```
#1b217c rgb(27,33,124)
```
#1f258c
```
#1f258c rgb(31,37,140)
```
#22299c
```
#22299c rgb(34,41,156)
```
#262dac
```
#262dac rgb(38,45,172)
```
#2932bc
```
#2932bc rgb(41,50,188)
```
#2d36cc
```
#2d36cc rgb(45,54,204)
```

Shade Color Variation

#3942d3
```
#3942d3 rgb(57,66,211)
```
#4951d7
```
#4951d7 rgb(73,81,215)
```
#5961da
```
#5961da rgb(89,97,218)
```
#6970de
```
#6970de rgb(105,112,222)
```
#7a7fe2
```
#7a7fe2 rgb(122,127,226)
```
#8a8fe5
```
#8a8fe5 rgb(138,143,229)
```
#9a9ee9
```
#9a9ee9 rgb(154,158,233)
```
#aaadec
```
#aaadec rgb(170,173,236)
```
#babdf0
```
#babdf0 rgb(186,189,240)
```
#caccf3
```
#caccf3 rgb(202,204,243)
```
#dadcf7
```
#dadcf7 rgb(218,220,247)
```
#eaebfa
```
#eaebfa rgb(234,235,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#7a7a7f
```
#7a7a7f rgb(122,122,127)
```
#707189
```
#707189 rgb(112,113,137)
```
#666993
```
#666993 rgb(102,105,147)
```
#5d609c
```
#5d609c rgb(93,96,156)
```
#5358a6
```
#5358a6 rgb(83,88,166)
```
#4a4faf
```
#4a4faf rgb(74,79,175)
```
#4047b9
```
#4047b9 rgb(64,71,185)
```
#373ec2
```
#373ec2 rgb(55,62,194)
```
#2d36cc
```
#2d36cc rgb(45,54,204)
```
#232ed6
```
#232ed6 rgb(35,46,214)
```
#1a25df
```
#1a25df rgb(26,37,223)
```
#101de9
```
#101de9 rgb(16,29,233)
```
#0714f2
```
#0714f2 rgb(7,20,242)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f415f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598e Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#1049b2 Protanomaly 1% of men, 0.01% of women
#104ca4 Deuteranomaly 6% of men, 0.4% of women
#10508a Tritanomaly 0.01% of the population

#2d36cc hex color

#2d36cc Color Information

#2d36cc Color Conversion

Color Schemes with #2d36cc

Alternatives to #2d36cc

#2d36cc Preview

Shades and Tints of #2d36cc

Tones of #2d36cc

Color Blindness Simulator