#ff536f hex color

In a RGB color space, hex #ff536f is composed of 100% red, 32.5% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.5% magenta, 56.5% yellow and 0% black. It has a hue angle of 350.2 degrees, a saturation of 100% and a lightness of 66.3%. #ff536f color hex could be obtained by blending #ffa6de with #ff0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 100
- G 33
- B 44
RGB color chart
- C 0
- M 67
- Y 56
- K 0
CMYK color chart

● #ff536f color description : Light red.

The hexadecimal color #ff536f has RGB values of R:255, G:83, B:111 and CMYK values of C:0, M:0.67, Y:0.56, K:0. Its decimal value is 16733039.

Hex triplet	ff536f	`#ff536f`
RGB Decimal	255, 83, 111	`rgb(255,83,111)`
RGB Percent	100, 32.5, 43.5	`rgb(100%,32.5%,43.5%)`
CMYK	0, 67, 56, 0
HSL	350.2°, 100, 66.3	`hsl(350.2,100%,66.3%)`
HSV (or HSB)	350.2°, 67.5, 100
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.426, 66.536, 21.856
XYZ	47.204, 28.599, 18.073
xyY	0.503, 0.305, 28.599
CIE-LCH	60.426, 70.034, 18.185
CIE-LUV	60.426, 124.227, 13.303
Hunter-Lab	53.478, 63.971, 17.398
Binary	11111111, 01010011, 01101111

#ff536f
```
#ff536f rgb(255,83,111)
```
#53ffe3
```
#53ffe3 rgb(83,255,227)
```

Complementary Color

#ff53c5
```
#ff53c5 rgb(255,83,197)
```
#ff536f
```
#ff536f rgb(255,83,111)
```
#ff8d53
```
#ff8d53 rgb(255,141,83)
```

Analogous Color

#53c5ff
```
#53c5ff rgb(83,197,255)
```
#ff536f
```
#ff536f rgb(255,83,111)
```
#53ff8d
```
#53ff8d rgb(83,255,141)
```

Split Complementary Color

#536fff
```
#536fff rgb(83,111,255)
```
#ff536f
```
#ff536f rgb(255,83,111)
```
#6fff53
```
#6fff53 rgb(111,255,83)
```

Triadic Color

#e353ff
```
#e353ff rgb(227,83,255)
```
#ff536f
```
#ff536f rgb(255,83,111)
```
#6fff53
```
#6fff53 rgb(111,255,83)
```
#53ffe3
```
#53ffe3 rgb(83,255,227)
```

Tetradic Color

#ff062f
```
#ff062f rgb(255,6,47)
```
#ff2044
```
#ff2044 rgb(255,32,68)
```
#ff3a5a
```
#ff3a5a rgb(255,58,90)
```
#ff536f
```
#ff536f rgb(255,83,111)
```
#ff6d84
```
#ff6d84 rgb(255,109,132)
```
#ff869a
```
#ff869a rgb(255,134,154)
```
#ffa0af
```
#ffa0af rgb(255,160,175)
```

Monochromatic Color

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

#ff539a
```
#ff539a rgb(255,83,154)
```
#ff538c
```
#ff538c rgb(255,83,140)
```
#ff537d
```
#ff537d rgb(255,83,125)
```
#ff536f
```
#ff536f rgb(255,83,111)
```
#ff5361
```
#ff5361 rgb(255,83,97)
```
#ff5453
```
#ff5453 rgb(255,84,83)
```
#ff6253
```
#ff6253 rgb(255,98,83)
```

Similar Colors

Text with hexadecimal color #ff536f

This text has a font color of #ff536f.

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

#ff536f background color

This paragraph has a background color of #ff536f.

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

#ff536f border color

This element has a border color of #ff536f.

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

CSS codes

.text {color:#ff536f;}

.background {background-color:#ff536f;}

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

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

#050001
```
#050001 rgb(5,0,1)
```
#180004
```
#180004 rgb(24,0,4)
```
#2c0007
```
#2c0007 rgb(44,0,7)
```
#3f000a
```
#3f000a rgb(63,0,10)
```
#53000e
```
#53000e rgb(83,0,14)
```
#670011
```
#670011 rgb(103,0,17)
```
#7a0014
```
#7a0014 rgb(122,0,20)
```
#8e0017
```
#8e0017 rgb(142,0,23)
```
#a1001a
```
#a1001a rgb(161,0,26)
```
#b5001d
```
#b5001d rgb(181,0,29)
```
#c90021
```
#c90021 rgb(201,0,33)
```
#dc0024
```
#dc0024 rgb(220,0,36)
```
#f00027
```
#f00027 rgb(240,0,39)
```

Shade Color Variation

#ff052d
```
#ff052d rgb(255,5,45)
```
#ff183e
```
#ff183e rgb(255,24,62)
```
#ff2c4e
```
#ff2c4e rgb(255,44,78)
```
#ff3f5f
```
#ff3f5f rgb(255,63,95)
```
#ff536f
```
#ff536f rgb(255,83,111)
```
#ff677f
```
#ff677f rgb(255,103,127)
```
#ff7a90
```
#ff7a90 rgb(255,122,144)
```
#ff8ea0
```
#ff8ea0 rgb(255,142,160)
```
#ffa1b1
```
#ffa1b1 rgb(255,161,177)
```
#ffb5c1
```
#ffb5c1 rgb(255,181,193)
```
#ffc9d2
```
#ffc9d2 rgb(255,201,210)
```
#ffdce2
```
#ffdce2 rgb(255,220,226)
```
#fff0f2
```
#fff0f2 rgb(255,240,242)
```

Tint Color Variation

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

#b0a2a5
```
#b0a2a5 rgb(176,162,165)
```
#b69ca0
```
#b69ca0 rgb(182,156,160)
```
#bd959c
```
#bd959c rgb(189,149,156)
```
#c38f97
```
#c38f97 rgb(195,143,151)
```
#ca8893
```
#ca8893 rgb(202,136,147)
```
#d1818e
```
#d1818e rgb(209,129,142)
```
#d77b8a
```
#d77b8a rgb(215,123,138)
```
#de7485
```
#de7485 rgb(222,116,133)
```
#e56d81
```
#e56d81 rgb(229,109,129)
```
#eb677c
```
#eb677c rgb(235,103,124)
```
#f26078
```
#f26078 rgb(242,96,120)
```
#f85a73
```
#f85a73 rgb(248,90,115)
```
#ff536f
```
#ff536f rgb(255,83,111)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#a17f85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b968f Protanopia 1% of men
#b3916b Deuteranopia 1% of men
#fe5f64 Tritanopia 0.001% of the population

Trichromacy

#bf7e83 Protanomaly 1% of men, 0.01% of women
#ce7a6c Deuteranomaly 6% of men, 0.4% of women
#fe5a68 Tritanomaly 0.01% of the population

#ff536f hex color

#ff536f Color Information

#ff536f Color Conversion

Color Schemes with #ff536f

Alternatives to #ff536f

#ff536f Preview

Shades and Tints of #ff536f

Tones of #ff536f

Color Blindness Simulator