colorhexa.com

#d33a55 hex color

In a RGB color space, hex #d33a55 is composed of 82.7% red, 22.7% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.5% magenta, 59.7% yellow and 17.3% black. It has a hue angle of 349.4 degrees, a saturation of 63.5% and a lightness of 52.7%. #d33a55 color hex could be obtained by blending #ff74aa with #a70000. Closest websafe color is: #cc3366.

- R 83
- G 23
- B 33
RGB color chart
- C 0
- M 73
- Y 60
- K 17
CMYK color chart

● #d33a55 color description : Moderate red.

The hexadecimal color #d33a55 has RGB values of R:211, G:58, B:85 and CMYK values of C:0, M:0.73, Y:0.6, K:0.17. Its decimal value is 13843029.

Hex triplet	d33a55	`#d33a55`
RGB Decimal	211, 58, 85	`rgb(211,58,85)`
RGB Percent	82.7, 22.7, 33.3	`rgb(82.7%,22.7%,33.3%)`
CMYK	0, 73, 60, 17
HSL	349.4°, 63.5, 52.7	`hsl(349.4,63.5%,52.7%)`
HSV (or HSB)	349.4°, 72.5, 82.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.926, 60.646, 20.526
XYZ	30.018, 17.534, 10.398
xyY	0.518, 0.303, 17.534
CIE-LCH	48.926, 64.025, 18.699
CIE-LUV	48.926, 109.714, 11.696
Hunter-Lab	41.874, 54.681, 14.589
Binary	11010011, 00111010, 01010101

#d33a55
```
#d33a55 rgb(211,58,85)
```
#3ad3b8
```
#3ad3b8 rgb(58,211,184)
```

Complementary Color

#d33aa2
```
#d33aa2 rgb(211,58,162)
```
#d33a55
```
#d33a55 rgb(211,58,85)
```
#d36c3a
```
#d36c3a rgb(211,108,58)
```

Analogous Color

#3aa2d3
```
#3aa2d3 rgb(58,162,211)
```
#d33a55
```
#d33a55 rgb(211,58,85)
```
#3ad36c
```
#3ad36c rgb(58,211,108)
```

Split Complementary Color

#3a55d3
```
#3a55d3 rgb(58,85,211)
```
#d33a55
```
#d33a55 rgb(211,58,85)
```
#55d33a
```
#55d33a rgb(85,211,58)
```

Triadic Color

#b83ad3
```
#b83ad3 rgb(184,58,211)
```
#d33a55
```
#d33a55 rgb(211,58,85)
```
#55d33a
```
#55d33a rgb(85,211,58)
```
#3ad3b8
```
#3ad3b8 rgb(58,211,184)
```

Tetradic Color

#9d2339
```
#9d2339 rgb(157,35,57)
```
#b22840
```
#b22840 rgb(178,40,64)
```
#c72c48
```
#c72c48 rgb(199,44,72)
```
#d33a55
```
#d33a55 rgb(211,58,85)
```
#d84f67
```
#d84f67 rgb(216,79,103)
```
#dc6479
```
#dc6479 rgb(220,100,121)
```
#e1798b
```
#e1798b rgb(225,121,139)
```

Monochromatic Color

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

#d33a7b
```
#d33a7b rgb(211,58,123)
```
#d33a6f
```
#d33a6f rgb(211,58,111)
```
#d33a62
```
#d33a62 rgb(211,58,98)
```
#d33a55
```
#d33a55 rgb(211,58,85)
```
#d33a48
```
#d33a48 rgb(211,58,72)
```
#d33a3b
```
#d33a3b rgb(211,58,59)
```
#d3453a
```
#d3453a rgb(211,69,58)
```

Similar Colors

Text with hexadecimal color #d33a55

This text has a font color of #d33a55.

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

#d33a55 background color

This paragraph has a background color of #d33a55.

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

#d33a55 border color

This element has a border color of #d33a55.

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

CSS codes

.text {color:#d33a55;}

.background {background-color:#d33a55;}

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

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

#0b0304
```
#0b0304 rgb(11,3,4)
```
#1b060a
```
#1b060a rgb(27,6,10)
```
#2c0a10
```
#2c0a10 rgb(44,10,16)
```
#3c0d15
```
#3c0d15 rgb(60,13,21)
```
#4c111b
```
#4c111b rgb(76,17,27)
```
#5c1421
```
#5c1421 rgb(92,20,33)
```
#6c1827
```
#6c1827 rgb(108,24,39)
```
#7c1c2d
```
#7c1c2d rgb(124,28,45)
```
#8c1f32
```
#8c1f32 rgb(140,31,50)
```
#9c2338
```
#9c2338 rgb(156,35,56)
```
#ac263e
```
#ac263e rgb(172,38,62)
```
#bc2a44
```
#bc2a44 rgb(188,42,68)
```
#cc2e49
```
#cc2e49 rgb(204,46,73)
```

Shade Color Variation

#d33a55
```
#d33a55 rgb(211,58,85)
```
#d74a63
```
#d74a63 rgb(215,74,99)
```
#da5a71
```
#da5a71 rgb(218,90,113)
```
#de6a7f
```
#de6a7f rgb(222,106,127)
```
#e17a8c
```
#e17a8c rgb(225,122,140)
```
#e58a9a
```
#e58a9a rgb(229,138,154)
```
#e89aa8
```
#e89aa8 rgb(232,154,168)
```
#ecaab6
```
#ecaab6 rgb(236,170,182)
```
#f0bac4
```
#f0bac4 rgb(240,186,196)
```
#f3cad2
```
#f3cad2 rgb(243,202,210)
```
#f7dadf
```
#f7dadf rgb(247,218,223)
```
#faeaed
```
#faeaed rgb(250,234,237)
```
#fefafb
```
#fefafb rgb(254,250,251)
```

Tint Color Variation

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

#898485
```
#898485 rgb(137,132,133)
```
#927b7f
```
#927b7f rgb(146,123,127)
```
#9b7279
```
#9b7279 rgb(155,114,121)
```
#a56873
```
#a56873 rgb(165,104,115)
```
#ae5f6d
```
#ae5f6d rgb(174,95,109)
```
#b75667
```
#b75667 rgb(183,86,103)
```
#c04d61
```
#c04d61 rgb(192,77,97)
```
#ca435b
```
#ca435b rgb(202,67,91)
```
#d33a55
```
#d33a55 rgb(211,58,85)
```
#dc314f
```
#dc314f rgb(220,49,79)
```
#e62749
```
#e62749 rgb(230,39,73)
```
#ef1e43
```
#ef1e43 rgb(239,30,67)
```
#f8153d
```
#f8153d rgb(248,21,61)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#806167 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7a73 Protanopia 1% of men
#937654 Deuteranopia 1% of men
#d4474b Tritanopia 0.001% of the population

Trichromacy

#9d6368 Protanomaly 1% of men, 0.01% of women
#aa6054 Deuteranomaly 6% of men, 0.4% of women
#d3424e Tritanomaly 0.01% of the population