#ff482b hex color

In a RGB color space, hex #ff482b is composed of 100% red, 28.2% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.8% magenta, 83.1% yellow and 0% black. It has a hue angle of 8.2 degrees, a saturation of 100% and a lightness of 58.4%. #ff482b color hex could be obtained by blending #ff9056 with #ff0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 100
- G 28
- B 17
RGB color chart
- C 0
- M 72
- Y 83
- K 0
CMYK color chart

● #ff482b color description : Vivid red.

The hexadecimal color #ff482b has RGB values of R:255, G:72, B:43 and CMYK values of C:0, M:0.72, Y:0.83, K:0. Its decimal value is 16730155.

Hex triplet	ff482b	`#ff482b`
RGB Decimal	255, 72, 43	`rgb(255,72,43)`
RGB Percent	100, 28.2, 16.9	`rgb(100%,28.2%,16.9%)`
CMYK	0, 72, 83, 0
HSL	8.2°, 100, 58.4	`hsl(8.2,100%,58.4%)`
HSV (or HSB)	8.2°, 83.1, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	58.108, 67.347, 56.144
XYZ	43.996, 26.074, 5.002
xyY	0.586, 0.347, 26.074
CIE-LCH	58.108, 87.68, 39.816
CIE-LUV	58.108, 145.89, 40.049
Hunter-Lab	51.063, 64.434, 29.937
Binary	11111111, 01001000, 00101011

#ff482b
```
#ff482b rgb(255,72,43)
```
#2be2ff
```
#2be2ff rgb(43,226,255)
```

Complementary Color

#ff2b78
```
#ff2b78 rgb(255,43,120)
```
#ff482b
```
#ff482b rgb(255,72,43)
```
#ffb22b
```
#ffb22b rgb(255,178,43)
```

Analogous Color

#2b78ff
```
#2b78ff rgb(43,120,255)
```
#ff482b
```
#ff482b rgb(255,72,43)
```
#2bffb2
```
#2bffb2 rgb(43,255,178)
```

Split Complementary Color

#482bff
```
#482bff rgb(72,43,255)
```
#ff482b
```
#ff482b rgb(255,72,43)
```
#2bff48
```
#2bff48 rgb(43,255,72)
```

Triadic Color

#ff2be2
```
#ff2be2 rgb(255,43,226)
```
#ff482b
```
#ff482b rgb(255,72,43)
```
#2bff48
```
#2bff48 rgb(43,255,72)
```
#2be2ff
```
#2be2ff rgb(43,226,255)
```

Tetradic Color

#de1e00
```
#de1e00 rgb(222,30,0)
```
#f72200
```
#f72200 rgb(247,34,0)
```
#ff3212
```
#ff3212 rgb(255,50,18)
```
#ff482b
```
#ff482b rgb(255,72,43)
```
#ff5e45
```
#ff5e45 rgb(255,94,69)
```
#ff745e
```
#ff745e rgb(255,116,94)
```
#ff8a78
```
#ff8a78 rgb(255,138,120)
```

Monochromatic Color

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

#ff2b43
```
#ff2b43 rgb(255,43,67)
```
#ff2b31
```
#ff2b31 rgb(255,43,49)
```
#ff362b
```
#ff362b rgb(255,54,43)
```
#ff482b
```
#ff482b rgb(255,72,43)
```
#ff5a2b
```
#ff5a2b rgb(255,90,43)
```
#ff6b2b
```
#ff6b2b rgb(255,107,43)
```
#ff7d2b
```
#ff7d2b rgb(255,125,43)
```

Similar Colors

Text with hexadecimal color #ff482b

This text has a font color of #ff482b.

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

#ff482b background color

This paragraph has a background color of #ff482b.

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

#ff482b border color

This element has a border color of #ff482b.

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

CSS codes

.text {color:#ff482b;}

.background {background-color:#ff482b;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#170300
```
#170300 rgb(23,3,0)
```
#2b0600
```
#2b0600 rgb(43,6,0)
```
#3f0900
```
#3f0900 rgb(63,9,0)
```
#520b00
```
#520b00 rgb(82,11,0)
```
#660e00
```
#660e00 rgb(102,14,0)
```
#791100
```
#791100 rgb(121,17,0)
```
#8d1300
```
#8d1300 rgb(141,19,0)
```
#a11600
```
#a11600 rgb(161,22,0)
```
#b41900
```
#b41900 rgb(180,25,0)
```
#c81b00
```
#c81b00 rgb(200,27,0)
```
#dc1e00
```
#dc1e00 rgb(220,30,0)
```
#ef2100
```
#ef2100 rgb(239,33,0)
```

Shade Color Variation

#ff2604
```
#ff2604 rgb(255,38,4)
```
#ff3717
```
#ff3717 rgb(255,55,23)
```
#ff482b
```
#ff482b rgb(255,72,43)
```
#ff593f
```
#ff593f rgb(255,89,63)
```
#ff6a52
```
#ff6a52 rgb(255,106,82)
```
#ff7b66
```
#ff7b66 rgb(255,123,102)
```
#ff8c79
```
#ff8c79 rgb(255,140,121)
```
#ff9d8d
```
#ff9d8d rgb(255,157,141)
```
#ffaea1
```
#ffaea1 rgb(255,174,161)
```
#ffbfb4
```
#ffbfb4 rgb(255,191,180)
```
#ffcfc8
```
#ffcfc8 rgb(255,207,200)
```
#ffe0dc
```
#ffe0dc rgb(255,224,220)
```
#fff1ef
```
#fff1ef rgb(255,241,239)
```

Tint Color Variation

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

#9d8f8d
```
#9d8f8d rgb(157,143,141)
```
#a58985
```
#a58985 rgb(165,137,133)
```
#ad837d
```
#ad837d rgb(173,131,125)
```
#b67d74
```
#b67d74 rgb(182,125,116)
```
#be776c
```
#be776c rgb(190,119,108)
```
#c67164
```
#c67164 rgb(198,113,100)
```
#ce6c5c
```
#ce6c5c rgb(206,108,92)
```
#d66654
```
#d66654 rgb(214,102,84)
```
#de604c
```
#de604c rgb(222,96,76)
```
#e75a43
```
#e75a43 rgb(231,90,67)
```
#ef543b
```
#ef543b rgb(239,84,59)
```
#f74e33
```
#f74e33 rgb(247,78,51)
```
#ff482b
```
#ff482b rgb(255,72,43)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#95716b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09146 Protanopia 1% of men
#b58a21 Deuteranopia 1% of men
#ff4f52 Tritanopia 0.001% of the population

Trichromacy

#c3763c Protanomaly 1% of men, 0.01% of women
#d07225 Deuteranomaly 6% of men, 0.4% of women
#ff4c43 Tritanomaly 0.01% of the population

#ff482b hex color

#ff482b Color Information

#ff482b Color Conversion

Color Schemes with #ff482b

Alternatives to #ff482b

#ff482b Preview

Shades and Tints of #ff482b

Tones of #ff482b

Color Blindness Simulator