#ff525d hex color

In a RGB color space, hex #ff525d is composed of 100% red, 32.2% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.8% magenta, 63.5% yellow and 0% black. It has a hue angle of 356.2 degrees, a saturation of 100% and a lightness of 66.1%. #ff525d color hex could be obtained by blending #ffa4ba with #ff0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 100
- G 32
- B 36
RGB color chart
- C 0
- M 68
- Y 64
- K 0
CMYK color chart

● #ff525d color description : Light red.

The hexadecimal color #ff525d has RGB values of R:255, G:82, B:93 and CMYK values of C:0, M:0.68, Y:0.64, K:0. Its decimal value is 16732765.

Hex triplet	ff525d	`#ff525d`
RGB Decimal	255, 82, 93	`rgb(255,82,93)`
RGB Percent	100, 32.2, 36.5	`rgb(100%,32.2%,36.5%)`
CMYK	0, 68, 64, 0
HSL	356.2°, 100, 66.1	`hsl(356.2,100%,66.1%)`
HSV (or HSB)	356.2°, 67.8, 100
Web Safe	ff6666	`#ff6666`

CIE-LAB	59.97, 65.774, 31.643
XYZ	46.235, 28.09, 13.343
xyY	0.527, 0.32, 28.09
CIE-LCH	59.97, 72.989, 25.691
CIE-LUV	59.97, 129.799, 23.155
Hunter-Lab	53, 62.966, 22.174
Binary	11111111, 01010010, 01011101

#ff525d
```
#ff525d rgb(255,82,93)
```
#52fff4
```
#52fff4 rgb(82,255,244)
```

Complementary Color

#ff52b4
```
#ff52b4 rgb(255,82,180)
```
#ff525d
```
#ff525d rgb(255,82,93)
```
#ff9e52
```
#ff9e52 rgb(255,158,82)
```

Analogous Color

#52b4ff
```
#52b4ff rgb(82,180,255)
```
#ff525d
```
#ff525d rgb(255,82,93)
```
#52ff9e
```
#52ff9e rgb(82,255,158)
```

Split Complementary Color

#525dff
```
#525dff rgb(82,93,255)
```
#ff525d
```
#ff525d rgb(255,82,93)
```
#5dff52
```
#5dff52 rgb(93,255,82)
```

Triadic Color

#f452ff
```
#f452ff rgb(244,82,255)
```
#ff525d
```
#ff525d rgb(255,82,93)
```
#5dff52
```
#5dff52 rgb(93,255,82)
```
#52fff4
```
#52fff4 rgb(82,255,244)
```

Tetradic Color

#ff0515
```
#ff0515 rgb(255,5,21)
```
#ff1f2d
```
#ff1f2d rgb(255,31,45)
```
#ff3945
```
#ff3945 rgb(255,57,69)
```
#ff525d
```
#ff525d rgb(255,82,93)
```
#ff6c75
```
#ff6c75 rgb(255,108,117)
```
#ff858d
```
#ff858d rgb(255,133,141)
```
#ff9fa5
```
#ff9fa5 rgb(255,159,165)
```

Monochromatic Color

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

#ff5288
```
#ff5288 rgb(255,82,136)
```
#ff527a
```
#ff527a rgb(255,82,122)
```
#ff526b
```
#ff526b rgb(255,82,107)
```
#ff525d
```
#ff525d rgb(255,82,93)
```
#ff5552
```
#ff5552 rgb(255,85,82)
```
#ff6452
```
#ff6452 rgb(255,100,82)
```
#ff7252
```
#ff7252 rgb(255,114,82)
```

Similar Colors

Text with hexadecimal color #ff525d

This text has a font color of #ff525d.

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

#ff525d background color

This paragraph has a background color of #ff525d.

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

#ff525d border color

This element has a border color of #ff525d.

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

CSS codes

.text {color:#ff525d;}

.background {background-color:#ff525d;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#170001
```
#170001 rgb(23,0,1)
```
#2b0003
```
#2b0003 rgb(43,0,3)
```
#3e0004
```
#3e0004 rgb(62,0,4)
```
#520005
```
#520005 rgb(82,0,5)
```
#660006
```
#660006 rgb(102,0,6)
```
#790008
```
#790008 rgb(121,0,8)
```
#8d0009
```
#8d0009 rgb(141,0,9)
```
#a0000a
```
#a0000a rgb(160,0,10)
```
#b4000b
```
#b4000b rgb(180,0,11)
```
#c8000d
```
#c8000d rgb(200,0,13)
```
#db000e
```
#db000e rgb(219,0,14)
```
#ef000f
```
#ef000f rgb(239,0,15)
```

Shade Color Variation

#ff0414
```
#ff0414 rgb(255,4,20)
```
#ff1726
```
#ff1726 rgb(255,23,38)
```
#ff2b38
```
#ff2b38 rgb(255,43,56)
```
#ff3e4b
```
#ff3e4b rgb(255,62,75)
```
#ff525d
```
#ff525d rgb(255,82,93)
```
#ff666f
```
#ff666f rgb(255,102,111)
```
#ff7982
```
#ff7982 rgb(255,121,130)
```
#ff8d94
```
#ff8d94 rgb(255,141,148)
```
#ffa0a6
```
#ffa0a6 rgb(255,160,166)
```
#ffb4b9
```
#ffb4b9 rgb(255,180,185)
```
#ffc8cb
```
#ffc8cb rgb(255,200,203)
```
#ffdbde
```
#ffdbde rgb(255,219,222)
```
#ffeff0
```
#ffeff0 rgb(255,239,240)
```

Tint Color Variation

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

#afa2a3
```
#afa2a3 rgb(175,162,163)
```
#b69b9d
```
#b69b9d rgb(182,155,157)
```
#bc9597
```
#bc9597 rgb(188,149,151)
```
#c38e91
```
#c38e91 rgb(195,142,145)
```
#ca878b
```
#ca878b rgb(202,135,139)
```
#d08186
```
#d08186 rgb(208,129,134)
```
#d77a80
```
#d77a80 rgb(215,122,128)
```
#de737a
```
#de737a rgb(222,115,122)
```
#e46d74
```
#e46d74 rgb(228,109,116)
```
#eb666e
```
#eb666e rgb(235,102,110)
```
#f25f69
```
#f25f69 rgb(242,95,105)
```
#f85963
```
#f85963 rgb(248,89,99)
```
#ff525d
```
#ff525d rgb(255,82,93)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9f7c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e957b Protanopia 1% of men
#b58f5a Deuteranopia 1% of men
#fe5b60 Tritanopia 0.001% of the population

Trichromacy

#c17d70 Protanomaly 1% of men, 0.01% of women
#d0795b Deuteranomaly 6% of men, 0.4% of women
#fe585f Tritanomaly 0.01% of the population

#ff525d hex color

#ff525d Color Information

#ff525d Color Conversion

Color Schemes with #ff525d

Alternatives to #ff525d

#ff525d Preview

Shades and Tints of #ff525d

Tones of #ff525d

Color Blindness Simulator