#dc307e hex color

In a RGB color space, hex #dc307e is composed of 86.3% red, 18.8% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.2% magenta, 42.7% yellow and 13.7% black. It has a hue angle of 332.8 degrees, a saturation of 71.1% and a lightness of 52.5%. #dc307e color hex could be obtained by blending #ff60fc with #b90000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 86
- G 19
- B 49
RGB color chart
- C 0
- M 78
- Y 43
- K 14
CMYK color chart

● #dc307e color description : Bright pink.

The hexadecimal color #dc307e has RGB values of R:220, G:48, B:126 and CMYK values of C:0, M:0.78, Y:0.43, K:0.14. Its decimal value is 14430334.

Hex triplet	dc307e	`#dc307e`
RGB Decimal	220, 48, 126	`rgb(220,48,126)`
RGB Percent	86.3, 18.8, 49.4	`rgb(86.3%,18.8%,49.4%)`
CMYK	0, 78, 43, 14
HSL	332.8°, 71.1, 52.5	`hsl(332.8,71.1%,52.5%)`
HSV (or HSB)	332.8°, 78.2, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	50.499, 69.479, -1.929
XYZ	34.339, 18.839, 21.566
xyY	0.459, 0.252, 18.839
CIE-LCH	50.499, 69.505, 358.41
CIE-LUV	50.499, 106.404, -15.783
Hunter-Lab	43.404, 65.26, 0.925
Binary	11011100, 00110000, 01111110

#dc307e
```
#dc307e rgb(220,48,126)
```
#30dc8e
```
#30dc8e rgb(48,220,142)
```

Complementary Color

#dc30d4
```
#dc30d4 rgb(220,48,212)
```
#dc307e
```
#dc307e rgb(220,48,126)
```
#dc3830
```
#dc3830 rgb(220,56,48)
```

Analogous Color

#30d4dc
```
#30d4dc rgb(48,212,220)
```
#dc307e
```
#dc307e rgb(220,48,126)
```
#30dc38
```
#30dc38 rgb(48,220,56)
```

Split Complementary Color

#307edc
```
#307edc rgb(48,126,220)
```
#dc307e
```
#dc307e rgb(220,48,126)
```
#7edc30
```
#7edc30 rgb(126,220,48)
```

Triadic Color

#8e30dc
```
#8e30dc rgb(142,48,220)
```
#dc307e
```
#dc307e rgb(220,48,126)
```
#7edc30
```
#7edc30 rgb(126,220,48)
```
#30dc8e
```
#30dc8e rgb(48,220,142)
```

Tetradic Color

#a41c59
```
#a41c59 rgb(164,28,89)
```
#ba1f65
```
#ba1f65 rgb(186,31,101)
```
#cf2371
```
#cf2371 rgb(207,35,113)
```
#dc307e
```
#dc307e rgb(220,48,126)
```
#e0468c
```
#e0468c rgb(224,70,140)
```
#e35c99
```
#e35c99 rgb(227,92,153)
```
#e771a7
```
#e771a7 rgb(231,113,167)
```

Monochromatic Color

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

#dc30a9
```
#dc30a9 rgb(220,48,169)
```
#dc309b
```
#dc309b rgb(220,48,155)
```
#dc308c
```
#dc308c rgb(220,48,140)
```
#dc307e
```
#dc307e rgb(220,48,126)
```
#dc3070
```
#dc3070 rgb(220,48,112)
```
#dc3061
```
#dc3061 rgb(220,48,97)
```
#dc3053
```
#dc3053 rgb(220,48,83)
```

Similar Colors

Text with hexadecimal color #dc307e

This text has a font color of #dc307e.

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

#dc307e background color

This paragraph has a background color of #dc307e.

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

#dc307e border color

This element has a border color of #dc307e.

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

CSS codes

.text {color:#dc307e;}

.background {background-color:#dc307e;}

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

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, #0b0206 is the darkest color, while #fef9fb is the lightest one.

#0b0206
```
#0b0206 rgb(11,2,6)
```
#1c050f
```
#1c050f rgb(28,5,15)
```
#2d0818
```
#2d0818 rgb(45,8,24)
```
#3d0a22
```
#3d0a22 rgb(61,10,34)
```
#4e0d2b
```
#4e0d2b rgb(78,13,43)
```
#5f1034
```
#5f1034 rgb(95,16,52)
```
#70133d
```
#70133d rgb(112,19,61)
```
#811646
```
#811646 rgb(129,22,70)
```
#91194f
```
#91194f rgb(145,25,79)
```
#a21b59
```
#a21b59 rgb(162,27,89)
```
#b31e62
```
#b31e62 rgb(179,30,98)
```
#c4216b
```
#c4216b rgb(196,33,107)
```
#d42474
```
#d42474 rgb(212,36,116)
```

Shade Color Variation

#dc307e
```
#dc307e rgb(220,48,126)
```
#df4188
```
#df4188 rgb(223,65,136)
```
#e25293
```
#e25293 rgb(226,82,147)
```
#e5629d
```
#e5629d rgb(229,98,157)
```
#e773a8
```
#e773a8 rgb(231,115,168)
```
#ea84b2
```
#ea84b2 rgb(234,132,178)
```
#ed95bd
```
#ed95bd rgb(237,149,189)
```
#f0a5c7
```
#f0a5c7 rgb(240,165,199)
```
#f3b6d2
```
#f3b6d2 rgb(243,182,210)
```
#f6c7dc
```
#f6c7dc rgb(246,199,220)
```
#f8d8e7
```
#f8d8e7 rgb(248,216,231)
```
#fbe9f1
```
#fbe9f1 rgb(251,233,241)
```
#fef9fb
```
#fef9fb rgb(254,249,251)
```

Tint Color Variation

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

#888486
```
#888486 rgb(136,132,134)
```
#927a85
```
#927a85 rgb(146,122,133)
```
#9b7184
```
#9b7184 rgb(155,113,132)
```
#a46883
```
#a46883 rgb(164,104,131)
```
#ad5f82
```
#ad5f82 rgb(173,95,130)
```
#b75581
```
#b75581 rgb(183,85,129)
```
#c04c81
```
#c04c81 rgb(192,76,129)
```
#c94380
```
#c94380 rgb(201,67,128)
```
#d3397f
```
#d3397f rgb(211,57,127)
```
#dc307e
```
#dc307e rgb(220,48,126)
```
#e5277d
```
#e5277d rgb(229,39,125)
```
#ef1d7c
```
#ef1d7c rgb(239,29,124)
```
#f8147b
```
#f8147b rgb(248,20,123)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#826070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727da7 Protanopia 1% of men
#8d7b78 Deuteranopia 1% of men
#da4a4e Tritanopia 0.001% of the population

Trichromacy

#986198 Protanomaly 1% of men, 0.01% of women
#aa5f7a Deuteranomaly 6% of men, 0.4% of women
#da415f Tritanomaly 0.01% of the population

#dc307e hex color

#dc307e Color Information

#dc307e Color Conversion

Color Schemes with #dc307e

Alternatives to #dc307e

#dc307e Preview

Shades and Tints of #dc307e

Tones of #dc307e

Color Blindness Simulator