#dc453f hex color

In a RGB color space, hex #dc453f is composed of 86.3% red, 27.1% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 71.4% yellow and 13.7% black. It has a hue angle of 2.3 degrees, a saturation of 69.2% and a lightness of 55.5%. #dc453f color hex could be obtained by blending #ff8a7e with #b90000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 86
- G 27
- B 25
RGB color chart
- C 0
- M 69
- Y 71
- K 14
CMYK color chart

● #dc453f color description : Bright red.

The hexadecimal color #dc453f has RGB values of R:220, G:69, B:63 and CMYK values of C:0, M:0.69, Y:0.71, K:0.14. Its decimal value is 14435647.

Hex triplet	dc453f	`#dc453f`
RGB Decimal	220, 69, 63	`rgb(220,69,63)`
RGB Percent	86.3, 27.1, 24.7	`rgb(86.3%,27.1%,24.7%)`
CMYK	0, 69, 71, 14
HSL	2.3°, 69.2, 55.5	`hsl(2.3,69.2%,55.5%)`
HSV (or HSB)	2.3°, 71.4, 86.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	51.65, 58.195, 37.22
XYZ	32.542, 19.834, 6.817
xyY	0.55, 0.335, 19.834
CIE-LCH	51.65, 69.08, 32.602
CIE-LUV	51.65, 116.513, 27.495
Hunter-Lab	44.536, 52.49, 22.099
Binary	11011100, 01000101, 00111111

#dc453f
```
#dc453f rgb(220,69,63)
```
#3fd6dc
```
#3fd6dc rgb(63,214,220)
```

Complementary Color

#dc3f88
```
#dc3f88 rgb(220,63,136)
```
#dc453f
```
#dc453f rgb(220,69,63)
```
#dc943f
```
#dc943f rgb(220,148,63)
```

Analogous Color

#3f88dc
```
#3f88dc rgb(63,136,220)
```
#dc453f
```
#dc453f rgb(220,69,63)
```
#3fdc94
```
#3fdc94 rgb(63,220,148)
```

Split Complementary Color

#453fdc
```
#453fdc rgb(69,63,220)
```
#dc453f
```
#dc453f rgb(220,69,63)
```
#3fdc45
```
#3fdc45 rgb(63,220,69)
```

Triadic Color

#dc3fd6
```
#dc3fd6 rgb(220,63,214)
```
#dc453f
```
#dc453f rgb(220,69,63)
```
#3fdc45
```
#3fdc45 rgb(63,220,69)
```
#3fd6dc
```
#3fd6dc rgb(63,214,220)
```

Tetradic Color

#af2520
```
#af2520 rgb(175,37,32)
```
#c42a24
```
#c42a24 rgb(196,42,36)
```
#d83029
```
#d83029 rgb(216,48,41)
```
#dc453f
```
#dc453f rgb(220,69,63)
```
#e05a55
```
#e05a55 rgb(224,90,85)
```
#e46f6a
```
#e46f6a rgb(228,111,106)
```
#e88480
```
#e88480 rgb(232,132,128)
```

Monochromatic Color

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

#dc3f60
```
#dc3f60 rgb(220,63,96)
```
#dc3f53
```
#dc3f53 rgb(220,63,83)
```
#dc3f46
```
#dc3f46 rgb(220,63,70)
```
#dc453f
```
#dc453f rgb(220,69,63)
```
#dc523f
```
#dc523f rgb(220,82,63)
```
#dc5f3f
```
#dc5f3f rgb(220,95,63)
```
#dc6c3f
```
#dc6c3f rgb(220,108,63)
```

Similar Colors

Text with hexadecimal color #dc453f

This text has a font color of #dc453f.

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

#dc453f background color

This paragraph has a background color of #dc453f.

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

#dc453f border color

This element has a border color of #dc453f.

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

CSS codes

.text {color:#dc453f;}

.background {background-color:#dc453f;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#180504
```
#180504 rgb(24,5,4)
```
#280907
```
#280907 rgb(40,9,7)
```
#390c0a
```
#390c0a rgb(57,12,10)
```
#49100d
```
#49100d rgb(73,16,13)
```
#5a1310
```
#5a1310 rgb(90,19,16)
```
#6b1713
```
#6b1713 rgb(107,23,19)
```
#7b1a16
```
#7b1a16 rgb(123,26,22)
```
#8c1e19
```
#8c1e19 rgb(140,30,25)
```
#9c211d
```
#9c211d rgb(156,33,29)
```
#ad2520
```
#ad2520 rgb(173,37,32)
```
#be2823
```
#be2823 rgb(190,40,35)
```
#ce2c26
```
#ce2c26 rgb(206,44,38)
```

Shade Color Variation

#d9352e
```
#d9352e rgb(217,53,46)
```
#dc453f
```
#dc453f rgb(220,69,63)
```
#df5550
```
#df5550 rgb(223,85,80)
```
#e26560
```
#e26560 rgb(226,101,96)
```
#e57571
```
#e57571 rgb(229,117,113)
```
#e88581
```
#e88581 rgb(232,133,129)
```
#eb9592
```
#eb9592 rgb(235,149,146)
```
#eea5a3
```
#eea5a3 rgb(238,165,163)
```
#f1b6b3
```
#f1b6b3 rgb(241,182,179)
```
#f4c6c4
```
#f4c6c4 rgb(244,198,196)
```
#f7d6d4
```
#f7d6d4 rgb(247,214,212)
```
#fae6e5
```
#fae6e5 rgb(250,230,229)
```
#fdf6f6
```
#fdf6f6 rgb(253,246,246)
```

Tint Color Variation

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

#968685
```
#968685 rgb(150,134,133)
```
#9f7d7c
```
#9f7d7c rgb(159,125,124)
```
#a87573
```
#a87573 rgb(168,117,115)
```
#b06d6b
```
#b06d6b rgb(176,109,107)
```
#b96562
```
#b96562 rgb(185,101,98)
```
#c25d59
```
#c25d59 rgb(194,93,89)
```
#cb5550
```
#cb5550 rgb(203,85,80)
```
#d34d48
```
#d34d48 rgb(211,77,72)
```
#dc453f
```
#dc453f rgb(220,69,63)
```
#e53d36
```
#e53d36 rgb(229,61,54)
```
#ed352e
```
#ed352e rgb(237,53,46)
```
#f62d25
```
#f62d25 rgb(246,45,37)
```
#ff251c
```
#ff251c rgb(255,37,28)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#866867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8159 Protanopia 1% of men
#9f7c3e Deuteranopia 1% of men
#de4d51 Tritanopia 0.001% of the population

Trichromacy

#a96b4f Protanomaly 1% of men, 0.01% of women
#b5683e Deuteranomaly 6% of men, 0.4% of women
#dd4a4a Tritanomaly 0.01% of the population

#dc453f hex color

#dc453f Color Information

#dc453f Color Conversion

Color Schemes with #dc453f

Alternatives to #dc453f

#dc453f Preview

Shades and Tints of #dc453f

Tones of #dc453f

Color Blindness Simulator