#dc366a hex color

In a RGB color space, hex #dc366a is composed of 86.3% red, 21.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.5% magenta, 51.8% yellow and 13.7% black. It has a hue angle of 341.2 degrees, a saturation of 70.3% and a lightness of 53.7%. #dc366a color hex could be obtained by blending #ff6cd4 with #b90000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 86
- G 21
- B 42
RGB color chart
- C 0
- M 75
- Y 52
- K 14
CMYK color chart

● #dc366a color description : Bright pink.

The hexadecimal color #dc366a has RGB values of R:220, G:54, B:106 and CMYK values of C:0, M:0.75, Y:0.52, K:0.14. Its decimal value is 14431850.

Hex triplet	dc366a	`#dc366a`
RGB Decimal	220, 54, 106	`rgb(220,54,106)`
RGB Percent	86.3, 21.2, 41.6	`rgb(86.3%,21.2%,41.6%)`
CMYK	0, 75, 52, 14
HSL	341.2°, 70.3, 53.7	`hsl(341.2,70.3%,53.7%)`
HSV (or HSB)	341.2°, 75.5, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.568, 66.035, 10.294
XYZ	33.437, 18.898, 15.522
xyY	0.493, 0.279, 18.898
CIE-LCH	50.568, 66.833, 8.861
CIE-LUV	50.568, 111.84, -0.262
Hunter-Lab	43.472, 61.219, 9.261
Binary	11011100, 00110110, 01101010

#dc366a
```
#dc366a rgb(220,54,106)
```
#36dca8
```
#36dca8 rgb(54,220,168)
```

Complementary Color

#dc36bd
```
#dc36bd rgb(220,54,189)
```
#dc366a
```
#dc366a rgb(220,54,106)
```
#dc5536
```
#dc5536 rgb(220,85,54)
```

Analogous Color

#36bddc
```
#36bddc rgb(54,189,220)
```
#dc366a
```
#dc366a rgb(220,54,106)
```
#36dc55
```
#36dc55 rgb(54,220,85)
```

Split Complementary Color

#366adc
```
#366adc rgb(54,106,220)
```
#dc366a
```
#dc366a rgb(220,54,106)
```
#6adc36
```
#6adc36 rgb(106,220,54)
```

Triadic Color

#a836dc
```
#a836dc rgb(168,54,220)
```
#dc366a
```
#dc366a rgb(220,54,106)
```
#6adc36
```
#6adc36 rgb(106,220,54)
```
#36dca8
```
#36dca8 rgb(54,220,168)
```

Tetradic Color

#a81d49
```
#a81d49 rgb(168,29,73)
```
#be2152
```
#be2152 rgb(190,33,82)
```
#d4255c
```
#d4255c rgb(212,37,92)
```
#dc366a
```
#dc366a rgb(220,54,106)
```
#e04c7a
```
#e04c7a rgb(224,76,122)
```
#e4618a
```
#e4618a rgb(228,97,138)
```
#e7779a
```
#e7779a rgb(231,119,154)
```

Monochromatic Color

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

#dc3694
```
#dc3694 rgb(220,54,148)
```
#dc3686
```
#dc3686 rgb(220,54,134)
```
#dc3678
```
#dc3678 rgb(220,54,120)
```
#dc366a
```
#dc366a rgb(220,54,106)
```
#dc365c
```
#dc365c rgb(220,54,92)
```
#dc364e
```
#dc364e rgb(220,54,78)
```
#dc3641
```
#dc3641 rgb(220,54,65)
```

Similar Colors

Text with hexadecimal color #dc366a

This text has a font color of #dc366a.

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

#dc366a background color

This paragraph has a background color of #dc366a.

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

#dc366a border color

This element has a border color of #dc366a.

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

CSS codes

.text {color:#dc366a;}

.background {background-color:#dc366a;}

.border {border:1px solid #dc366a;}

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

#100307
```
#100307 rgb(16,3,7)
```
#21060e
```
#21060e rgb(33,6,14)
```
#320915
```
#320915 rgb(50,9,21)
```
#420c1d
```
#420c1d rgb(66,12,29)
```
#530e24
```
#530e24 rgb(83,14,36)
```
#64112b
```
#64112b rgb(100,17,43)
```
#741432
```
#741432 rgb(116,20,50)
```
#85173a
```
#85173a rgb(133,23,58)
```
#961a41
```
#961a41 rgb(150,26,65)
```
#a71d48
```
#a71d48 rgb(167,29,72)
```
#b7204f
```
#b7204f rgb(183,32,79)
```
#c82357
```
#c82357 rgb(200,35,87)
```
#d9265e
```
#d9265e rgb(217,38,94)
```

Shade Color Variation

#dc366a
```
#dc366a rgb(220,54,106)
```
#df4776
```
#df4776 rgb(223,71,118)
```
#e25783
```
#e25783 rgb(226,87,131)
```
#e5688f
```
#e5688f rgb(229,104,143)
```
#e8799c
```
#e8799c rgb(232,121,156)
```
#eb8aa8
```
#eb8aa8 rgb(235,138,168)
```
#ed9ab4
```
#ed9ab4 rgb(237,154,180)
```
#f0abc1
```
#f0abc1 rgb(240,171,193)
```
#f3bccd
```
#f3bccd rgb(243,188,205)
```
#f6ccd9
```
#f6ccd9 rgb(246,204,217)
```
#f9dde6
```
#f9dde6 rgb(249,221,230)
```
#fceef2
```
#fceef2 rgb(252,238,242)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#8a8889
```
#8a8889 rgb(138,136,137)
```
#937f85
```
#937f85 rgb(147,127,133)
```
#9c7682
```
#9c7682 rgb(156,118,130)
```
#a66c7e
```
#a66c7e rgb(166,108,126)
```
#af637b
```
#af637b rgb(175,99,123)
```
#b85a78
```
#b85a78 rgb(184,90,120)
```
#c15174
```
#c15174 rgb(193,81,116)
```
#ca4871
```
#ca4871 rgb(202,72,113)
```
#d33f6d
```
#d33f6d rgb(211,63,109)
```
#dc366a
```
#dc366a rgb(220,54,106)
```
#e52d67
```
#e52d67 rgb(229,45,103)
```
#ee2463
```
#ee2463 rgb(238,36,99)
```
#f71b60
```
#f71b60 rgb(247,27,96)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#84636d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7e8e Protanopia 1% of men
#937a66 Deuteranopia 1% of men
#db494c Tritanopia 0.001% of the population

Trichromacy

#9f6481 Protanomaly 1% of men, 0.01% of women
#ad6167 Deuteranomaly 6% of men, 0.4% of women
#db4257 Tritanomaly 0.01% of the population

#dc366a hex color

#dc366a Color Information

#dc366a Color Conversion

Color Schemes with #dc366a

Alternatives to #dc366a

#dc366a Preview

Shades and Tints of #dc366a

Tones of #dc366a

Color Blindness Simulator