#d3223c hex color

In a RGB color space, hex #d3223c is composed of 82.7% red, 13.3% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.9% magenta, 71.6% yellow and 17.3% black. It has a hue angle of 351.2 degrees, a saturation of 72.2% and a lightness of 48%. #d3223c color hex could be obtained by blending #ff4478 with #a70000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 83
- G 13
- B 24
RGB color chart
- C 0
- M 84
- Y 72
- K 17
CMYK color chart

● #d3223c color description : Strong red.

The hexadecimal color #d3223c has RGB values of R:211, G:34, B:60 and CMYK values of C:0, M:0.84, Y:0.72, K:0.17. Its decimal value is 13836860.

Hex triplet	d3223c	`#d3223c`
RGB Decimal	211, 34, 60	`rgb(211,34,60)`
RGB Percent	82.7, 13.3, 23.5	`rgb(82.7%,13.3%,23.5%)`
CMYK	0, 84, 72, 17
HSL	351.2°, 72.2, 48	`hsl(351.2,72.2%,48%)`
HSV (or HSB)	351.2°, 83.9, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.073, 66.135, 32.01
XYZ	28.253, 15.323, 5.745
xyY	0.573, 0.311, 15.323
CIE-LCH	46.073, 73.475, 25.828
CIE-LUV	46.073, 127.351, 19.488
Hunter-Lab	39.144, 60.333, 18.7
Binary	11010011, 00100010, 00111100

#d3223c
```
#d3223c rgb(211,34,60)
```
#22d3b9
```
#22d3b9 rgb(34,211,185)
```

Complementary Color

#d32295
```
#d32295 rgb(211,34,149)
```
#d3223c
```
#d3223c rgb(211,34,60)
```
#d36022
```
#d36022 rgb(211,96,34)
```

Analogous Color

#2295d3
```
#2295d3 rgb(34,149,211)
```
#d3223c
```
#d3223c rgb(211,34,60)
```
#22d360
```
#22d360 rgb(34,211,96)
```

Split Complementary Color

#223cd3
```
#223cd3 rgb(34,60,211)
```
#d3223c
```
#d3223c rgb(211,34,60)
```
#3cd322
```
#3cd322 rgb(60,211,34)
```

Triadic Color

#b922d3
```
#b922d3 rgb(185,34,211)
```
#d3223c
```
#d3223c rgb(211,34,60)
```
#3cd322
```
#3cd322 rgb(60,211,34)
```
#22d3b9
```
#22d3b9 rgb(34,211,185)
```

Tetradic Color

#911729
```
#911729 rgb(145,23,41)
```
#a71b30
```
#a71b30 rgb(167,27,48)
```
#bd1e36
```
#bd1e36 rgb(189,30,54)
```
#d3223c
```
#d3223c rgb(211,34,60)
```
#de314a
```
#de314a rgb(222,49,74)
```
#e1475d
```
#e1475d rgb(225,71,93)
```
#e55d71
```
#e55d71 rgb(229,93,113)
```

Monochromatic Color

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

#d32268
```
#d32268 rgb(211,34,104)
```
#d3225a
```
#d3225a rgb(211,34,90)
```
#d3224b
```
#d3224b rgb(211,34,75)
```
#d3223c
```
#d3223c rgb(211,34,60)
```
#d3222d
```
#d3222d rgb(211,34,45)
```
#d32522
```
#d32522 rgb(211,37,34)
```
#d33422
```
#d33422 rgb(211,52,34)
```

Similar Colors

Text with hexadecimal color #d3223c

This text has a font color of #d3223c.

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

#d3223c background color

This paragraph has a background color of #d3223c.

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

#d3223c border color

This element has a border color of #d3223c.

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

CSS codes

.text {color:#d3223c;}

.background {background-color:#d3223c;}

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

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

#080102
```
#080102 rgb(8,1,2)
```
#190407
```
#190407 rgb(25,4,7)
```
#2a070c
```
#2a070c rgb(42,7,12)
```
#3b0a11
```
#3b0a11 rgb(59,10,17)
```
#4c0c16
```
#4c0c16 rgb(76,12,22)
```
#5d0f1a
```
#5d0f1a rgb(93,15,26)
```
#6e121f
```
#6e121f rgb(110,18,31)
```
#7f1424
```
#7f1424 rgb(127,20,36)
```
#8f1729
```
#8f1729 rgb(143,23,41)
```
#a01a2e
```
#a01a2e rgb(160,26,46)
```
#b11d32
```
#b11d32 rgb(177,29,50)
```
#c21f37
```
#c21f37 rgb(194,31,55)
```
#d3223c
```
#d3223c rgb(211,34,60)
```

Shade Color Variation

#dd2c46
```
#dd2c46 rgb(221,44,70)
```
#e03d55
```
#e03d55 rgb(224,61,85)
```
#e24d63
```
#e24d63 rgb(226,77,99)
```
#e55e72
```
#e55e72 rgb(229,94,114)
```
#e86f81
```
#e86f81 rgb(232,111,129)
```
#eb8090
```
#eb8090 rgb(235,128,144)
```
#ed919f
```
#ed919f rgb(237,145,159)
```
#f0a2ad
```
#f0a2ad rgb(240,162,173)
```
#f3b3bc
```
#f3b3bc rgb(243,179,188)
```
#f5c4cb
```
#f5c4cb rgb(245,196,203)
```
#f8d5da
```
#f8d5da rgb(248,213,218)
```
#fbe5e9
```
#fbe5e9 rgb(251,229,233)
```
#fef6f7
```
#fef6f7 rgb(254,246,247)
```

Tint Color Variation

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

#7e7778
```
#7e7778 rgb(126,119,120)
```
#886d71
```
#886d71 rgb(136,109,113)
```
#91646b
```
#91646b rgb(145,100,107)
```
#9a5b64
```
#9a5b64 rgb(154,91,100)
```
#a4515d
```
#a4515d rgb(164,81,93)
```
#ad4857
```
#ad4857 rgb(173,72,87)
```
#b73e50
```
#b73e50 rgb(183,62,80)
```
#c03549
```
#c03549 rgb(192,53,73)
```
#ca2b43
```
#ca2b43 rgb(202,43,67)
```
#d3223c
```
#d3223c rgb(211,34,60)
```
#dc1935
```
#dc1935 rgb(220,25,53)
```
#e60f2f
```
#e60f2f rgb(230,15,47)
```
#ef0628
```
#ef0628 rgb(239,6,40)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#724f54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c745c Protanopia 1% of men
#8e6f3a Deuteranopia 1% of men
#d43132 Tritanopia 0.001% of the population

Trichromacy

#9b5650 Protanomaly 1% of men, 0.01% of women
#a7533a Deuteranomaly 6% of men, 0.4% of women
#d42c35 Tritanomaly 0.01% of the population

#d3223c hex color

#d3223c Color Information

#d3223c Color Conversion

Color Schemes with #d3223c

Alternatives to #d3223c

#d3223c Preview

Shades and Tints of #d3223c

Tones of #d3223c

Color Blindness Simulator