colorhexa.com

#ff485f hex color

In a RGB color space, hex #ff485f is composed of 100% red, 28.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.8% magenta, 62.7% yellow and 0% black. It has a hue angle of 352.5 degrees, a saturation of 100% and a lightness of 64.1%. #ff485f color hex could be obtained by blending #ff90be with #ff0000. Closest websafe color is: #ff3366.

- R 100
- G 28
- B 37
RGB color chart
- C 0
- M 72
- Y 63
- K 0
CMYK color chart

● #ff485f color description : Light red.

The hexadecimal color #ff485f has RGB values of R:255, G:72, B:95 and CMYK values of C:0, M:0.72, Y:0.63, K:0. Its decimal value is 16730207.

Hex triplet	ff485f	`#ff485f`
RGB Decimal	255, 72, 95	`rgb(255,72,95)`
RGB Percent	100, 28.2, 37.3	`rgb(100%,28.2%,37.3%)`
CMYK	0, 72, 63, 0
HSL	352.5°, 100, 64.1	`hsl(352.5,100%,64.1%)`
HSV (or HSB)	352.5°, 71.8, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	58.72, 69.424, 28.897
XYZ	45.625, 26.726, 13.582
xyY	0.531, 0.311, 26.726
CIE-LCH	58.72, 75.198, 22.599
CIE-LUV	58.72, 134.885, 19.32
Hunter-Lab	51.697, 67.063, 20.611
Binary	11111111, 01001000, 01011111

#ff485f
```
#ff485f rgb(255,72,95)
```
#48ffe8
```
#48ffe8 rgb(72,255,232)
```

Complementary Color

#ff48bb
```
#ff48bb rgb(255,72,187)
```
#ff485f
```
#ff485f rgb(255,72,95)
```
#ff8d48
```
#ff8d48 rgb(255,141,72)
```

Analogous Color

#48bbff
```
#48bbff rgb(72,187,255)
```
#ff485f
```
#ff485f rgb(255,72,95)
```
#48ff8d
```
#48ff8d rgb(72,255,141)
```

Split Complementary Color

#485fff
```
#485fff rgb(72,95,255)
```
#ff485f
```
#ff485f rgb(255,72,95)
```
#5fff48
```
#5fff48 rgb(95,255,72)
```

Triadic Color

#e848ff
```
#e848ff rgb(232,72,255)
```
#ff485f
```
#ff485f rgb(255,72,95)
```
#5fff48
```
#5fff48 rgb(95,255,72)
```
#48ffe8
```
#48ffe8 rgb(72,255,232)
```

Tetradic Color

#fb001f
```
#fb001f rgb(251,0,31)
```
#ff1532
```
#ff1532 rgb(255,21,50)
```
#ff2f49
```
#ff2f49 rgb(255,47,73)
```
#ff485f
```
#ff485f rgb(255,72,95)
```
#ff6275
```
#ff6275 rgb(255,98,117)
```
#ff7b8c
```
#ff7b8c rgb(255,123,140)
```
#ff95a2
```
#ff95a2 rgb(255,149,162)
```

Monochromatic Color

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

#ff488d
```
#ff488d rgb(255,72,141)
```
#ff487e
```
#ff487e rgb(255,72,126)
```
#ff486e
```
#ff486e rgb(255,72,110)
```
#ff485f
```
#ff485f rgb(255,72,95)
```
#ff4850
```
#ff4850 rgb(255,72,80)
```
#ff4f48
```
#ff4f48 rgb(255,79,72)
```
#ff5f48
```
#ff5f48 rgb(255,95,72)
```

Similar Colors

Text with hexadecimal color #ff485f

This text has a font color of #ff485f.

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

#ff485f background color

This paragraph has a background color of #ff485f.

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

#ff485f border color

This element has a border color of #ff485f.

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

CSS codes

.text {color:#ff485f;}

.background {background-color:#ff485f;}

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

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, #0d0002 is the darkest color, while #fff9f9 is the lightest one.

#0d0002
```
#0d0002 rgb(13,0,2)
```
#210004
```
#210004 rgb(33,0,4)
```
#340007
```
#340007 rgb(52,0,7)
```
#480009
```
#480009 rgb(72,0,9)
```
#5c000c
```
#5c000c rgb(92,0,12)
```
#6f000e
```
#6f000e rgb(111,0,14)
```
#830010
```
#830010 rgb(131,0,16)
```
#960013
```
#960013 rgb(150,0,19)
```
#aa0015
```
#aa0015 rgb(170,0,21)
```
#be0018
```
#be0018 rgb(190,0,24)
```
#d1001a
```
#d1001a rgb(209,0,26)
```
#e5001d
```
#e5001d rgb(229,0,29)
```
#f9001f
```
#f9001f rgb(249,0,31)
```

Shade Color Variation

#ff0d2c
```
#ff0d2c rgb(255,13,44)
```
#ff213d
```
#ff213d rgb(255,33,61)
```
#ff344e
```
#ff344e rgb(255,52,78)
```
#ff485f
```
#ff485f rgb(255,72,95)
```
#ff5c70
```
#ff5c70 rgb(255,92,112)
```
#ff6f81
```
#ff6f81 rgb(255,111,129)
```
#ff8392
```
#ff8392 rgb(255,131,146)
```
#ff96a4
```
#ff96a4 rgb(255,150,164)
```
#ffaab5
```
#ffaab5 rgb(255,170,181)
```
#ffbec6
```
#ffbec6 rgb(255,190,198)
```
#ffd1d7
```
#ffd1d7 rgb(255,209,215)
```
#ffe5e8
```
#ffe5e8 rgb(255,229,232)
```
#fff9f9
```
#fff9f9 rgb(255,249,249)
```

Tint Color Variation

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

#ab9c9e
```
#ab9c9e rgb(171,156,158)
```
#b29599
```
#b29599 rgb(178,149,153)
```
#b98e94
```
#b98e94 rgb(185,142,148)
```
#c0878e
```
#c0878e rgb(192,135,142)
```
#c78089
```
#c78089 rgb(199,128,137)
```
#ce7984
```
#ce7984 rgb(206,121,132)
```
#d5727f
```
#d5727f rgb(213,114,127)
```
#dc6b79
```
#dc6b79 rgb(220,107,121)
```
#e36474
```
#e36474 rgb(227,100,116)
```
#ea5d6f
```
#ea5d6f rgb(234,93,111)
```
#f1566a
```
#f1566a rgb(241,86,106)
```
#f84f64
```
#f84f64 rgb(248,79,100)
```
#ff485f
```
#ff485f rgb(255,72,95)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#9a767a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9280 Protanopia 1% of men
#b18c5b Deuteranopia 1% of men
#fe5458 Tritanopia 0.001% of the population

Trichromacy

#be7774 Protanomaly 1% of men, 0.01% of women
#cd735c Deuteranomaly 6% of men, 0.4% of women
#fe4f5a Tritanomaly 0.01% of the population