#ff5125 hex color

In a RGB color space, hex #ff5125 is composed of 100% red, 31.8% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.2% magenta, 85.5% yellow and 0% black. It has a hue angle of 12.1 degrees, a saturation of 100% and a lightness of 57.3%. #ff5125 color hex could be obtained by blending #ffa24a with #ff0000. Closest websafe color is: #ff6633.

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

● #ff5125 color description : Vivid red.

The hexadecimal color #ff5125 has RGB values of R:255, G:81, B:37 and CMYK values of C:0, M:0.68, Y:0.85, K:0. Its decimal value is 16732453.

Hex triplet	ff5125	`#ff5125`
RGB Decimal	255, 81, 37	`rgb(255,81,37)`
RGB Percent	100, 31.8, 14.5	`rgb(100%,31.8%,14.5%)`
CMYK	0, 68, 85, 0
HSL	12.1°, 100, 57.3	`hsl(12.1,100%,57.3%)`
HSV (or HSB)	12.1°, 85.5, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.236, 64.01, 59.697
XYZ	44.519, 27.284, 4.672
xyY	0.582, 0.357, 27.284
CIE-LCH	59.236, 87.527, 43.003
CIE-LUV	59.236, 140.792, 43.574
Hunter-Lab	52.234, 60.725, 31.26
Binary	11111111, 01010001, 00100101

#ff5125
```
#ff5125 rgb(255,81,37)
```
#25d3ff
```
#25d3ff rgb(37,211,255)
```

Complementary Color

#ff2566
```
#ff2566 rgb(255,37,102)
```
#ff5125
```
#ff5125 rgb(255,81,37)
```
#ffbe25
```
#ffbe25 rgb(255,190,37)
```

Analogous Color

#2566ff
```
#2566ff rgb(37,102,255)
```
#ff5125
```
#ff5125 rgb(255,81,37)
```
#25ffbe
```
#25ffbe rgb(37,255,190)
```

Split Complementary Color

#5125ff
```
#5125ff rgb(81,37,255)
```
#ff5125
```
#ff5125 rgb(255,81,37)
```
#25ff51
```
#25ff51 rgb(37,255,81)
```

Triadic Color

#ff25d3
```
#ff25d3 rgb(255,37,211)
```
#ff5125
```
#ff5125 rgb(255,81,37)
```
#25ff51
```
#25ff51 rgb(37,255,81)
```
#25d3ff
```
#25d3ff rgb(37,211,255)
```

Tetradic Color

#d82b00
```
#d82b00 rgb(216,43,0)
```
#f13100
```
#f13100 rgb(241,49,0)
```
#ff3d0c
```
#ff3d0c rgb(255,61,12)
```
#ff5125
```
#ff5125 rgb(255,81,37)
```
#ff653f
```
#ff653f rgb(255,101,63)
```
#ff7a58
```
#ff7a58 rgb(255,122,88)
```
#ff8e72
```
#ff8e72 rgb(255,142,114)
```

Monochromatic Color

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

#ff252f
```
#ff252f rgb(255,37,47)
```
#ff2d25
```
#ff2d25 rgb(255,45,37)
```
#ff3f25
```
#ff3f25 rgb(255,63,37)
```
#ff5125
```
#ff5125 rgb(255,81,37)
```
#ff6325
```
#ff6325 rgb(255,99,37)
```
#ff7525
```
#ff7525 rgb(255,117,37)
```
#ff8825
```
#ff8825 rgb(255,136,37)
```

Similar Colors

Text with hexadecimal color #ff5125

This text has a font color of #ff5125.

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

#ff5125 background color

This paragraph has a background color of #ff5125.

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

#ff5125 border color

This element has a border color of #ff5125.

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

CSS codes

.text {color:#ff5125;}

.background {background-color:#ff5125;}

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

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

#110400
```
#110400 rgb(17,4,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)
```
#731700
```
#731700 rgb(115,23,0)
```
#871b00
```
#871b00 rgb(135,27,0)
```
#9b1f00
```
#9b1f00 rgb(155,31,0)
```
#ae2300
```
#ae2300 rgb(174,35,0)
```
#c22700
```
#c22700 rgb(194,39,0)
```
#d62b00
```
#d62b00 rgb(214,43,0)
```
#e92f00
```
#e92f00 rgb(233,47,0)
```
#fd3300
```
#fd3300 rgb(253,51,0)
```

Shade Color Variation

#ff4111
```
#ff4111 rgb(255,65,17)
```
#ff5125
```
#ff5125 rgb(255,81,37)
```
#ff6139
```
#ff6139 rgb(255,97,57)
```
#ff704c
```
#ff704c rgb(255,112,76)
```
#ff8060
```
#ff8060 rgb(255,128,96)
```
#ff9073
```
#ff9073 rgb(255,144,115)
```
#ff9f87
```
#ff9f87 rgb(255,159,135)
```
#ffaf9b
```
#ffaf9b rgb(255,175,155)
```
#ffbfae
```
#ffbfae rgb(255,191,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, #9a8d8a is the less saturated color, while #ff5125 is the most saturated one.

#9a8d8a
```
#9a8d8a rgb(154,141,138)
```
#a38881
```
#a38881 rgb(163,136,129)
```
#ab8379
```
#ab8379 rgb(171,131,121)
```
#b47e70
```
#b47e70 rgb(180,126,112)
```
#bc7968
```
#bc7968 rgb(188,121,104)
```
#c47460
```
#c47460 rgb(196,116,96)
```
#cd6f57
```
#cd6f57 rgb(205,111,87)
```
#d56a4f
```
#d56a4f rgb(213,106,79)
```
#dd6547
```
#dd6547 rgb(221,101,71)
```
#e6603e
```
#e6603e rgb(230,96,62)
```
#ee5b36
```
#ee5b36 rgb(238,91,54)
```
#f7562d
```
#f7562d rgb(247,86,45)
```
#ff5125
```
#ff5125 rgb(255,81,37)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#99776e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4943e Protanopia 1% of men
#b98d18 Deuteranopia 1% of men
#ff565a Tritanopia 0.001% of the population

Trichromacy

#c57c35 Protanomaly 1% of men, 0.01% of women
#d2771c Deuteranomaly 6% of men, 0.4% of women
#ff5447 Tritanomaly 0.01% of the population

#ff5125 hex color

#ff5125 Color Information

#ff5125 Color Conversion

Color Schemes with #ff5125

Alternatives to #ff5125

#ff5125 Preview

Shades and Tints of #ff5125

Tones of #ff5125

Color Blindness Simulator