colorhexa.com

#d02f45 hex color

In a RGB color space, hex #d02f45 is composed of 81.6% red, 18.4% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.4% magenta, 66.8% yellow and 18.4% black. It has a hue angle of 351.8 degrees, a saturation of 63.1% and a lightness of 50%. #d02f45 color hex could be obtained by blending #ff5e8a with #a10000. Closest websafe color is: #cc3333.

- R 82
- G 18
- B 27
RGB color chart
- C 0
- M 77
- Y 67
- K 18
CMYK color chart

● #d02f45 color description : Strong red.

The hexadecimal color #d02f45 has RGB values of R:208, G:47, B:69 and CMYK values of C:0, M:0.77, Y:0.67, K:0.18. Its decimal value is 13643589.

Hex triplet	d02f45	`#d02f45`
RGB Decimal	208, 47, 69	`rgb(208,47,69)`
RGB Percent	81.6, 18.4, 27.1	`rgb(81.6%,18.4%,27.1%)`
CMYK	0, 77, 67, 18
HSL	351.8°, 63.1, 50	`hsl(351.8,63.1%,50%)`
HSV (or HSB)	351.8°, 77.4, 81.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.811, 62.367, 27.365
XYZ	28.104, 15.876, 7.214
xyY	0.549, 0.31, 15.876
CIE-LCH	46.811, 68.107, 23.691
CIE-LUV	46.811, 117.238, 17.028
Hunter-Lab	39.845, 56.177, 17.156
Binary	11010000, 00101111, 01000101

#d02f45
```
#d02f45 rgb(208,47,69)
```
#2fd0ba
```
#2fd0ba rgb(47,208,186)
```

Complementary Color

#d02f96
```
#d02f96 rgb(208,47,150)
```
#d02f45
```
#d02f45 rgb(208,47,69)
```
#d06a2f
```
#d06a2f rgb(208,106,47)
```

Analogous Color

#2f96d0
```
#2f96d0 rgb(47,150,208)
```
#d02f45
```
#d02f45 rgb(208,47,69)
```
#2fd06a
```
#2fd06a rgb(47,208,106)
```

Split Complementary Color

#2f45d0
```
#2f45d0 rgb(47,69,208)
```
#d02f45
```
#d02f45 rgb(208,47,69)
```
#45d02f
```
#45d02f rgb(69,208,47)
```

Triadic Color

#ba2fd0
```
#ba2fd0 rgb(186,47,208)
```
#d02f45
```
#d02f45 rgb(208,47,69)
```
#45d02f
```
#45d02f rgb(69,208,47)
```
#2fd0ba
```
#2fd0ba rgb(47,208,186)
```

Tetradic Color

#922130
```
#922130 rgb(146,33,48)
```
#a62637
```
#a62637 rgb(166,38,55)
```
#bb2a3e
```
#bb2a3e rgb(187,42,62)
```
#d02f45
```
#d02f45 rgb(208,47,69)
```
#d54458
```
#d54458 rgb(213,68,88)
```
#d9596a
```
#d9596a rgb(217,89,106)
```
#de6d7d
```
#de6d7d rgb(222,109,125)
```

Monochromatic Color

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

#d02f6d
```
#d02f6d rgb(208,47,109)
```
#d02f60
```
#d02f60 rgb(208,47,96)
```
#d02f52
```
#d02f52 rgb(208,47,82)
```
#d02f45
```
#d02f45 rgb(208,47,69)
```
#d02f38
```
#d02f38 rgb(208,47,56)
```
#d0342f
```
#d0342f rgb(208,52,47)
```
#d0412f
```
#d0412f rgb(208,65,47)
```

Similar Colors

Text with hexadecimal color #d02f45

This text has a font color of #d02f45.

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

#d02f45 background color

This paragraph has a background color of #d02f45.

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

#d02f45 border color

This element has a border color of #d02f45.

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

CSS codes

.text {color:#d02f45;}

.background {background-color:#d02f45;}

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

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

#100405
```
#100405 rgb(16,4,5)
```
#20070b
```
#20070b rgb(32,7,11)
```
#300b10
```
#300b10 rgb(48,11,16)
```
#400e15
```
#400e15 rgb(64,14,21)
```
#50121b
```
#50121b rgb(80,18,27)
```
#601620
```
#601620 rgb(96,22,32)
```
#701925
```
#701925 rgb(112,25,37)
```
#801d2a
```
#801d2a rgb(128,29,42)
```
#902130
```
#902130 rgb(144,33,48)
```
#a02435
```
#a02435 rgb(160,36,53)
```
#b0283a
```
#b0283a rgb(176,40,58)
```
#c02b40
```
#c02b40 rgb(192,43,64)
```
#d02f45
```
#d02f45 rgb(208,47,69)
```

Shade Color Variation

#d43f53
```
#d43f53 rgb(212,63,83)
```
#d74f62
```
#d74f62 rgb(215,79,98)
```
#db5f70
```
#db5f70 rgb(219,95,112)
```
#de6f7e
```
#de6f7e rgb(222,111,126)
```
#e27f8d
```
#e27f8d rgb(226,127,141)
```
#e68f9b
```
#e68f9b rgb(230,143,155)
```
#e99fa9
```
#e99fa9 rgb(233,159,169)
```
#edafb7
```
#edafb7 rgb(237,175,183)
```
#f1bfc6
```
#f1bfc6 rgb(241,191,198)
```
#f4cfd4
```
#f4cfd4 rgb(244,207,212)
```
#f8dfe2
```
#f8dfe2 rgb(248,223,226)
```
#fbeff1
```
#fbeff1 rgb(251,239,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#827d7e
```
#827d7e rgb(130,125,126)
```
#8b7477
```
#8b7477 rgb(139,116,119)
```
#956a70
```
#956a70 rgb(149,106,112)
```
#9f6069
```
#9f6069 rgb(159,96,105)
```
#a95662
```
#a95662 rgb(169,86,98)
```
#b34c5a
```
#b34c5a rgb(179,76,90)
```
#bc4353
```
#bc4353 rgb(188,67,83)
```
#c6394c
```
#c6394c rgb(198,57,76)
```
#d02f45
```
#d02f45 rgb(208,47,69)
```
#da253e
```
#da253e rgb(218,37,62)
```
#e41b37
```
#e41b37 rgb(228,27,55)
```
#ed1230
```
#ed1230 rgb(237,18,48)
```
#f70828
```
#f70828 rgb(247,8,40)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#78585c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7664 Protanopia 1% of men
#8f7144 Deuteranopia 1% of men
#d13c3e Tritanopia 0.001% of the population

Trichromacy

#9b5c58 Protanomaly 1% of men, 0.01% of women
#a75944 Deuteranomaly 6% of men, 0.4% of women
#d13741 Tritanomaly 0.01% of the population