#ff1231 hex color

In a RGB color space, hex #ff1231 is composed of 100% red, 7.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.9% magenta, 80.8% yellow and 0% black. It has a hue angle of 352.2 degrees, a saturation of 100% and a lightness of 53.5%. #ff1231 color hex could be obtained by blending #ff2462 with #ff0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 100
- G 7
- B 19
RGB color chart
- C 0
- M 93
- Y 81
- K 0
CMYK color chart

● #ff1231 color description : Vivid red.

The hexadecimal color #ff1231 has RGB values of R:255, G:18, B:49 and CMYK values of C:0, M:0.93, Y:0.81, K:0. Its decimal value is 16716337.

Hex triplet	ff1231	`#ff1231`
RGB Decimal	255, 18, 49	`rgb(255,18,49)`
RGB Percent	100, 7.1, 19.2	`rgb(100%,7.1%,19.2%)`
CMYK	0, 93, 81, 0
HSL	352.2°, 100, 53.5	`hsl(352.2,100%,53.5%)`
HSV (or HSB)	352.2°, 92.9, 100
Web Safe	ff0033	`#ff0033`

CIE-LAB	53.942, 79.403, 49.332
XYZ	42.013, 21.92, 4.924
xyY	0.61, 0.318, 21.92
CIE-LCH	53.942, 93.48, 31.852
CIE-LUV	53.942, 166.894, 30.364
Hunter-Lab	46.819, 78.245, 26.537
Binary	11111111, 00010010, 00110001

#ff1231
```
#ff1231 rgb(255,18,49)
```
#12ffe0
```
#12ffe0 rgb(18,255,224)
```

Complementary Color

#ff12a8
```
#ff12a8 rgb(255,18,168)
```
#ff1231
```
#ff1231 rgb(255,18,49)
```
#ff6a12
```
#ff6a12 rgb(255,106,18)
```

Analogous Color

#12a8ff
```
#12a8ff rgb(18,168,255)
```
#ff1231
```
#ff1231 rgb(255,18,49)
```
#12ff6a
```
#12ff6a rgb(18,255,106)
```

Split Complementary Color

#1231ff
```
#1231ff rgb(18,49,255)
```
#ff1231
```
#ff1231 rgb(255,18,49)
```
#31ff12
```
#31ff12 rgb(49,255,18)
```

Triadic Color

#e012ff
```
#e012ff rgb(224,18,255)
```
#ff1231
```
#ff1231 rgb(255,18,49)
```
#31ff12
```
#31ff12 rgb(49,255,18)
```
#12ffe0
```
#12ffe0 rgb(18,255,224)
```

Tetradic Color

#c5001a
```
#c5001a rgb(197,0,26)
```
#de001d
```
#de001d rgb(222,0,29)
```
#f80020
```
#f80020 rgb(248,0,32)
```
#ff1231
```
#ff1231 rgb(255,18,49)
```
#ff2c47
```
#ff2c47 rgb(255,44,71)
```
#ff455d
```
#ff455d rgb(255,69,93)
```
#ff5f73
```
#ff5f73 rgb(255,95,115)
```

Monochromatic Color

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

#ff126c
```
#ff126c rgb(255,18,108)
```
#ff1259
```
#ff1259 rgb(255,18,89)
```
#ff1245
```
#ff1245 rgb(255,18,69)
```
#ff1231
```
#ff1231 rgb(255,18,49)
```
#ff121d
```
#ff121d rgb(255,18,29)
```
#ff1b12
```
#ff1b12 rgb(255,27,18)
```
#ff2e12
```
#ff2e12 rgb(255,46,18)
```

Similar Colors

Text with hexadecimal color #ff1231

This text has a font color of #ff1231.

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

#ff1231 background color

This paragraph has a background color of #ff1231.

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

#ff1231 border color

This element has a border color of #ff1231.

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

CSS codes

.text {color:#ff1231;}

.background {background-color:#ff1231;}

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

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

#120002
```
#120002 rgb(18,0,2)
```
#260005
```
#260005 rgb(38,0,5)
```
#390007
```
#390007 rgb(57,0,7)
```
#4d000a
```
#4d000a rgb(77,0,10)
```
#60000d
```
#60000d rgb(96,0,13)
```
#74000f
```
#74000f rgb(116,0,15)
```
#880012
```
#880012 rgb(136,0,18)
```
#9b0014
```
#9b0014 rgb(155,0,20)
```
#af0017
```
#af0017 rgb(175,0,23)
```
#c30019
```
#c30019 rgb(195,0,25)
```
#d6001c
```
#d6001c rgb(214,0,28)
```
#ea001f
```
#ea001f rgb(234,0,31)
```
#fd0021
```
#fd0021 rgb(253,0,33)
```

Shade Color Variation

#ff1231
```
#ff1231 rgb(255,18,49)
```
#ff2642
```
#ff2642 rgb(255,38,66)
```
#ff3953
```
#ff3953 rgb(255,57,83)
```
#ff4d64
```
#ff4d64 rgb(255,77,100)
```
#ff6075
```
#ff6075 rgb(255,96,117)
```
#ff7486
```
#ff7486 rgb(255,116,134)
```
#ff8897
```
#ff8897 rgb(255,136,151)
```
#ff9ba8
```
#ff9ba8 rgb(255,155,168)
```
#ffafb9
```
#ffafb9 rgb(255,175,185)
```
#ffc3ca
```
#ffc3ca rgb(255,195,202)
```
#ffd6db
```
#ffd6db rgb(255,214,219)
```
#ffeaed
```
#ffeaed rgb(255,234,237)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#927f82
```
#927f82 rgb(146,127,130)
```
#9b767b
```
#9b767b rgb(155,118,123)
```
#a46d74
```
#a46d74 rgb(164,109,116)
```
#ad646e
```
#ad646e rgb(173,100,110)
```
#b65b67
```
#b65b67 rgb(182,91,103)
```
#bf5260
```
#bf5260 rgb(191,82,96)
```
#c84959
```
#c84959 rgb(200,73,89)
```
#d14053
```
#d14053 rgb(209,64,83)
```
#db364c
```
#db364c rgb(219,54,76)
```
#e42d45
```
#e42d45 rgb(228,45,69)
```
#ed243e
```
#ed243e rgb(237,36,62)
```
#f61b38
```
#f61b38 rgb(246,27,56)
```
#ff1231
```
#ff1231 rgb(255,18,49)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7d4d53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938753 Protanopia 1% of men
#a88127 Deuteranopia 1% of men
#fe251e Tritanopia 0.001% of the population

Trichromacy

#ba5c47 Protanomaly 1% of men, 0.01% of women
#c8582a Deuteranomaly 6% of men, 0.4% of women
#fe1e25 Tritanomaly 0.01% of the population

#ff1231 hex color

#ff1231 Color Information

#ff1231 Color Conversion

Color Schemes with #ff1231

Alternatives to #ff1231

#ff1231 Preview

Shades and Tints of #ff1231

Tones of #ff1231

Color Blindness Simulator