#ff7f60 hex color

In a RGB color space, hex #ff7f60 is composed of 100% red, 49.8% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.2% magenta, 62.4% yellow and 0% black. It has a hue angle of 11.7 degrees, a saturation of 100% and a lightness of 68.8%. #ff7f60 color hex could be obtained by blending #fffec0 with #ff0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 100
- G 50
- B 38
RGB color chart
- C 0
- M 50
- Y 62
- K 0
CMYK color chart

● #ff7f60 color description : Light red.

The hexadecimal color #ff7f60 has RGB values of R:255, G:127, B:96 and CMYK values of C:0, M:0.5, Y:0.62, K:0. Its decimal value is 16744288.

Hex triplet	ff7f60	`#ff7f60`
RGB Decimal	255, 127, 96	`rgb(255,127,96)`
RGB Percent	100, 49.8, 37.6	`rgb(100%,49.8%,37.6%)`
CMYK	0, 50, 62, 0
HSL	11.7°, 100, 68.8	`hsl(11.7,100%,68.8%)`
HSV (or HSB)	11.7°, 62.4, 100
Web Safe	ff6666	`#ff6666`

CIE-LAB	67.492, 46.266, 39.344
XYZ	50.942, 37.288, 15.58
xyY	0.491, 0.359, 37.288
CIE-LCH	67.492, 60.733, 40.377
CIE-LUV	67.492, 98.541, 37.25
Hunter-Lab	61.064, 42.051, 27.617
Binary	11111111, 01111111, 01100000

#ff7f60
```
#ff7f60 rgb(255,127,96)
```
#60e0ff
```
#60e0ff rgb(96,224,255)
```

Complementary Color

#ff6091
```
#ff6091 rgb(255,96,145)
```
#ff7f60
```
#ff7f60 rgb(255,127,96)
```
#ffcf60
```
#ffcf60 rgb(255,207,96)
```

Analogous Color

#6091ff
```
#6091ff rgb(96,145,255)
```
#ff7f60
```
#ff7f60 rgb(255,127,96)
```
#60ffcf
```
#60ffcf rgb(96,255,207)
```

Split Complementary Color

#7f60ff
```
#7f60ff rgb(127,96,255)
```
#ff7f60
```
#ff7f60 rgb(255,127,96)
```
#60ff7f
```
#60ff7f rgb(96,255,127)
```

Triadic Color

#ff60e0
```
#ff60e0 rgb(255,96,224)
```
#ff7f60
```
#ff7f60 rgb(255,127,96)
```
#60ff7f
```
#60ff7f rgb(96,255,127)
```
#60e0ff
```
#60e0ff rgb(96,224,255)
```

Tetradic Color

#ff4114
```
#ff4114 rgb(255,65,20)
```
#ff562d
```
#ff562d rgb(255,86,45)
```
#ff6a47
```
#ff6a47 rgb(255,106,71)
```
#ff7f60
```
#ff7f60 rgb(255,127,96)
```
#ff947a
```
#ff947a rgb(255,148,122)
```
#ffa893
```
#ffa893 rgb(255,168,147)
```
#ffbdad
```
#ffbdad rgb(255,189,173)
```

Monochromatic Color

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

#ff6069
```
#ff6069 rgb(255,96,105)
```
#ff6560
```
#ff6560 rgb(255,101,96)
```
#ff7260
```
#ff7260 rgb(255,114,96)
```
#ff7f60
```
#ff7f60 rgb(255,127,96)
```
#ff8c60
```
#ff8c60 rgb(255,140,96)
```
#ff9a60
```
#ff9a60 rgb(255,154,96)
```
#ffa760
```
#ffa760 rgb(255,167,96)
```

Similar Colors

Text with hexadecimal color #ff7f60

This text has a font color of #ff7f60.

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

#ff7f60 background color

This paragraph has a background color of #ff7f60.

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

#ff7f60 border color

This element has a border color of #ff7f60.

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

CSS codes

.text {color:#ff7f60;}

.background {background-color:#ff7f60;}

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

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

#120300
```
#120300 rgb(18,3,0)
```
#250700
```
#250700 rgb(37,7,0)
```
#390b00
```
#390b00 rgb(57,11,0)
```
#4c0f00
```
#4c0f00 rgb(76,15,0)
```
#601300
```
#601300 rgb(96,19,0)
```
#741700
```
#741700 rgb(116,23,0)
```
#871a00
```
#871a00 rgb(135,26,0)
```
#9b1e00
```
#9b1e00 rgb(155,30,0)
```
#ae2200
```
#ae2200 rgb(174,34,0)
```
#c22600
```
#c22600 rgb(194,38,0)
```
#d62a00
```
#d62a00 rgb(214,42,0)
```
#e92d00
```
#e92d00 rgb(233,45,0)
```
#fd3100
```
#fd3100 rgb(253,49,0)
```

Shade Color Variation

#ff4012
```
#ff4012 rgb(255,64,18)
```
#ff5025
```
#ff5025 rgb(255,80,37)
```
#ff5f39
```
#ff5f39 rgb(255,95,57)
```
#ff6f4c
```
#ff6f4c rgb(255,111,76)
```
#ff7f60
```
#ff7f60 rgb(255,127,96)
```
#ff8f74
```
#ff8f74 rgb(255,143,116)
```
#ff9f87
```
#ff9f87 rgb(255,159,135)
```
#ffae9b
```
#ffae9b rgb(255,174,155)
```
#ffbeae
```
#ffbeae rgb(255,190,174)
```
#ffcec2
```
#ffcec2 rgb(255,206,194)
```
#ffded6
```
#ffded6 rgb(255,222,214)
```
#ffeee9
```
#ffeee9 rgb(255,238,233)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#b6aca9
```
#b6aca9 rgb(182,172,169)
```
#bca8a3
```
#bca8a3 rgb(188,168,163)
```
#c2a49d
```
#c2a49d rgb(194,164,157)
```
#c8a197
```
#c8a197 rgb(200,161,151)
```
#ce9d91
```
#ce9d91 rgb(206,157,145)
```
#d4998b
```
#d4998b rgb(212,153,139)
```
#da9585
```
#da9585 rgb(218,149,133)
```
#e0927f
```
#e0927f rgb(224,146,127)
```
#e78e78
```
#e78e78 rgb(231,142,120)
```
#ed8a72
```
#ed8a72 rgb(237,138,114)
```
#f3866c
```
#f3866c rgb(243,134,108)
```
#f98366
```
#f98366 rgb(249,131,102)
```
#ff7f60
```
#ff7f60 rgb(255,127,96)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b59b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a874 Protanopia 1% of men
#cda161 Deuteranopia 1% of men
#ff828a Tritanopia 0.001% of the population

Trichromacy

#d0996d Protanomaly 1% of men, 0.01% of women
#df9560 Deuteranomaly 6% of men, 0.4% of women
#ff817a Tritanomaly 0.01% of the population

#ff7f60 hex color

#ff7f60 Color Information

#ff7f60 Color Conversion

Color Schemes with #ff7f60

Alternatives to #ff7f60

#ff7f60 Preview

Shades and Tints of #ff7f60

Tones of #ff7f60

Color Blindness Simulator