colorhexa.com

#d02f57 hex color

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

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

● #d02f57 color description : Strong red.

The hexadecimal color #d02f57 has RGB values of R:208, G:47, B:87 and CMYK values of C:0, M:0.77, Y:0.58, K:0.18. Its decimal value is 13643607.

Hex triplet	d02f57	`#d02f57`
RGB Decimal	208, 47, 87	`rgb(208,47,87)`
RGB Percent	81.6, 18.4, 34.1	`rgb(81.6%,18.4%,34.1%)`
CMYK	0, 77, 58, 18
HSL	345.1°, 63.1, 50	`hsl(345.1,63.1%,50%)`
HSV (or HSB)	345.1°, 77.4, 81.6
Web Safe	cc3366	`#cc3366`

CIE-LAB	47.15, 63.439, 16.826
XYZ	28.75, 16.134, 10.617
xyY	0.518, 0.291, 16.134
CIE-LCH	47.15, 65.633, 14.855
CIE-LUV	47.15, 111.671, 7.055
Hunter-Lab	40.168, 57.47, 12.446
Binary	11010000, 00101111, 01010111

#d02f57
```
#d02f57 rgb(208,47,87)
```
#2fd0a8
```
#2fd0a8 rgb(47,208,168)
```

Complementary Color

#d02fa8
```
#d02fa8 rgb(208,47,168)
```
#d02f57
```
#d02f57 rgb(208,47,87)
```
#d0582f
```
#d0582f rgb(208,88,47)
```

Analogous Color

#2fa8d0
```
#2fa8d0 rgb(47,168,208)
```
#d02f57
```
#d02f57 rgb(208,47,87)
```
#2fd058
```
#2fd058 rgb(47,208,88)
```

Split Complementary Color

#2f57d0
```
#2f57d0 rgb(47,87,208)
```
#d02f57
```
#d02f57 rgb(208,47,87)
```
#57d02f
```
#57d02f rgb(87,208,47)
```

Triadic Color

#a82fd0
```
#a82fd0 rgb(168,47,208)
```
#d02f57
```
#d02f57 rgb(208,47,87)
```
#57d02f
```
#57d02f rgb(87,208,47)
```
#2fd0a8
```
#2fd0a8 rgb(47,208,168)
```

Tetradic Color

#92213d
```
#92213d rgb(146,33,61)
```
#a62646
```
#a62646 rgb(166,38,70)
```
#bb2a4e
```
#bb2a4e rgb(187,42,78)
```
#d02f57
```
#d02f57 rgb(208,47,87)
```
#d54468
```
#d54468 rgb(213,68,104)
```
#d95979
```
#d95979 rgb(217,89,121)
```
#de6d89
```
#de6d89 rgb(222,109,137)
```

Monochromatic Color

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

#d02f7f
```
#d02f7f rgb(208,47,127)
```
#d02f72
```
#d02f72 rgb(208,47,114)
```
#d02f64
```
#d02f64 rgb(208,47,100)
```
#d02f57
```
#d02f57 rgb(208,47,87)
```
#d02f4a
```
#d02f4a rgb(208,47,74)
```
#d02f3c
```
#d02f3c rgb(208,47,60)
```
#d02f2f
```
#d02f2f rgb(208,47,47)
```

Similar Colors

Text with hexadecimal color #d02f57

This text has a font color of #d02f57.

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

#d02f57 background color

This paragraph has a background color of #d02f57.

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

#d02f57 border color

This element has a border color of #d02f57.

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

CSS codes

.text {color:#d02f57;}

.background {background-color:#d02f57;}

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

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

#100407
```
#100407 rgb(16,4,7)
```
#20070d
```
#20070d rgb(32,7,13)
```
#300b14
```
#300b14 rgb(48,11,20)
```
#400e1b
```
#400e1b rgb(64,14,27)
```
#501221
```
#501221 rgb(80,18,33)
```
#601628
```
#601628 rgb(96,22,40)
```
#70192f
```
#70192f rgb(112,25,47)
```
#801d36
```
#801d36 rgb(128,29,54)
```
#90213c
```
#90213c rgb(144,33,60)
```
#a02443
```
#a02443 rgb(160,36,67)
```
#b0284a
```
#b0284a rgb(176,40,74)
```
#c02b50
```
#c02b50 rgb(192,43,80)
```
#d02f57
```
#d02f57 rgb(208,47,87)
```

Shade Color Variation

#d43f64
```
#d43f64 rgb(212,63,100)
```
#d74f71
```
#d74f71 rgb(215,79,113)
```
#db5f7e
```
#db5f7e rgb(219,95,126)
```
#de6f8b
```
#de6f8b rgb(222,111,139)
```
#e27f98
```
#e27f98 rgb(226,127,152)
```
#e68fa5
```
#e68fa5 rgb(230,143,165)
```
#e99fb1
```
#e99fb1 rgb(233,159,177)
```
#edafbe
```
#edafbe rgb(237,175,190)
```
#f1bfcb
```
#f1bfcb rgb(241,191,203)
```
#f4cfd8
```
#f4cfd8 rgb(244,207,216)
```
#f8dfe5
```
#f8dfe5 rgb(248,223,229)
```
#fbeff2
```
#fbeff2 rgb(251,239,242)
```
#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 #f70843 is the most saturated one.

#827d7e
```
#827d7e rgb(130,125,126)
```
#8b747a
```
#8b747a rgb(139,116,122)
```
#956a75
```
#956a75 rgb(149,106,117)
```
#9f6070
```
#9f6070 rgb(159,96,112)
```
#a9566b
```
#a9566b rgb(169,86,107)
```
#b34c66
```
#b34c66 rgb(179,76,102)
```
#bc4361
```
#bc4361 rgb(188,67,97)
```
#c6395c
```
#c6395c rgb(198,57,92)
```
#d02f57
```
#d02f57 rgb(208,47,87)
```
#da2552
```
#da2552 rgb(218,37,82)
```
#e41b4d
```
#e41b4d rgb(228,27,77)
```
#ed1248
```
#ed1248 rgb(237,18,72)
```
#f70843
```
#f70843 rgb(247,8,67)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#7a5961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#787678 Protanopia 1% of men
#8d7255 Deuteranopia 1% of men
#d14042 Tritanopia 0.001% of the population

Trichromacy

#985c6c Protanomaly 1% of men, 0.01% of women
#a55955 Deuteranomaly 6% of men, 0.4% of women
#d03a4a Tritanomaly 0.01% of the population