#ff124a hex color

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

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

● #ff124a color description : Vivid red.

The hexadecimal color #ff124a has RGB values of R:255, G:18, B:74 and CMYK values of C:0, M:0.93, Y:0.71, K:0. Its decimal value is 16716362.

Hex triplet	ff124a	`#ff124a`
RGB Decimal	255, 18, 74	`rgb(255,18,74)`
RGB Percent	100, 7.1, 29	`rgb(100%,7.1%,29%)`
CMYK	0, 93, 71, 0
HSL	345.8°, 100, 53.5	`hsl(345.8,100%,53.5%)`
HSV (or HSB)	345.8°, 92.9, 100
Web Safe	ff0033	`#ff0033`

CIE-LAB	54.231, 80.207, 35.564
XYZ	42.694, 22.193, 8.514
xyY	0.582, 0.302, 22.193
CIE-LCH	54.231, 87.738, 23.913
CIE-LUV	54.231, 160.676, 20.866
Hunter-Lab	47.109, 79.333, 22.261
Binary	11111111, 00010010, 01001010

#ff124a
```
#ff124a rgb(255,18,74)
```
#12ffc7
```
#12ffc7 rgb(18,255,199)
```

Complementary Color

#ff12c1
```
#ff12c1 rgb(255,18,193)
```
#ff124a
```
#ff124a rgb(255,18,74)
```
#ff5112
```
#ff5112 rgb(255,81,18)
```

Analogous Color

#12c1ff
```
#12c1ff rgb(18,193,255)
```
#ff124a
```
#ff124a rgb(255,18,74)
```
#12ff51
```
#12ff51 rgb(18,255,81)
```

Split Complementary Color

#124aff
```
#124aff rgb(18,74,255)
```
#ff124a
```
#ff124a rgb(255,18,74)
```
#4aff12
```
#4aff12 rgb(74,255,18)
```

Triadic Color

#c712ff
```
#c712ff rgb(199,18,255)
```
#ff124a
```
#ff124a rgb(255,18,74)
```
#4aff12
```
#4aff12 rgb(74,255,18)
```
#12ffc7
```
#12ffc7 rgb(18,255,199)
```

Tetradic Color

#c5002e
```
#c5002e rgb(197,0,46)
```
#de0034
```
#de0034 rgb(222,0,52)
```
#f8003a
```
#f8003a rgb(248,0,58)
```
#ff124a
```
#ff124a rgb(255,18,74)
```
#ff2c5d
```
#ff2c5d rgb(255,44,93)
```
#ff4571
```
#ff4571 rgb(255,69,113)
```
#ff5f84
```
#ff5f84 rgb(255,95,132)
```

Monochromatic Color

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

#ff1285
```
#ff1285 rgb(255,18,133)
```
#ff1272
```
#ff1272 rgb(255,18,114)
```
#ff125e
```
#ff125e rgb(255,18,94)
```
#ff124a
```
#ff124a rgb(255,18,74)
```
#ff1236
```
#ff1236 rgb(255,18,54)
```
#ff1222
```
#ff1222 rgb(255,18,34)
```
#ff1512
```
#ff1512 rgb(255,21,18)
```

Similar Colors

Text with hexadecimal color #ff124a

This text has a font color of #ff124a.

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

#ff124a background color

This paragraph has a background color of #ff124a.

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

#ff124a border color

This element has a border color of #ff124a.

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

CSS codes

.text {color:#ff124a;}

.background {background-color:#ff124a;}

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

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

#120004
```
#120004 rgb(18,0,4)
```
#260009
```
#260009 rgb(38,0,9)
```
#39000e
```
#39000e rgb(57,0,14)
```
#4d0012
```
#4d0012 rgb(77,0,18)
```
#600017
```
#600017 rgb(96,0,23)
```
#74001b
```
#74001b rgb(116,0,27)
```
#880020
```
#880020 rgb(136,0,32)
```
#9b0025
```
#9b0025 rgb(155,0,37)
```
#af0029
```
#af0029 rgb(175,0,41)
```
#c3002e
```
#c3002e rgb(195,0,46)
```
#d60033
```
#d60033 rgb(214,0,51)
```
#ea0037
```
#ea0037 rgb(234,0,55)
```
#fd003c
```
#fd003c rgb(253,0,60)
```

Shade Color Variation

#ff124a
```
#ff124a rgb(255,18,74)
```
#ff2659
```
#ff2659 rgb(255,38,89)
```
#ff3968
```
#ff3968 rgb(255,57,104)
```
#ff4d77
```
#ff4d77 rgb(255,77,119)
```
#ff6086
```
#ff6086 rgb(255,96,134)
```
#ff7495
```
#ff7495 rgb(255,116,149)
```
#ff88a4
```
#ff88a4 rgb(255,136,164)
```
#ff9bb3
```
#ff9bb3 rgb(255,155,179)
```
#ffafc2
```
#ffafc2 rgb(255,175,194)
```
#ffc3d1
```
#ffc3d1 rgb(255,195,209)
```
#ffd6e0
```
#ffd6e0 rgb(255,214,224)
```
#ffeaef
```
#ffeaef rgb(255,234,239)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#927f84
```
#927f84 rgb(146,127,132)
```
#9b767f
```
#9b767f rgb(155,118,127)
```
#a46d7a
```
#a46d7a rgb(164,109,122)
```
#ad6475
```
#ad6475 rgb(173,100,117)
```
#b65b70
```
#b65b70 rgb(182,91,112)
```
#bf526c
```
#bf526c rgb(191,82,108)
```
#c84967
```
#c84967 rgb(200,73,103)
```
#d14062
```
#d14062 rgb(209,64,98)
```
#db365d
```
#db365d rgb(219,54,93)
```
#e42d58
```
#e42d58 rgb(228,45,88)
```
#ed2454
```
#ed2454 rgb(237,36,84)
```
#f61b4f
```
#f61b4f rgb(246,27,79)
```
#ff124a
```
#ff124a rgb(255,18,74)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#7f505b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8771 Protanopia 1% of men
#a68244 Deuteranopia 1% of men
#fd2b28 Tritanopia 0.001% of the population

Trichromacy

#b85d63 Protanomaly 1% of men, 0.01% of women
#c65946 Deuteranomaly 6% of men, 0.4% of women
#fe2234 Tritanomaly 0.01% of the population

#ff124a hex color

#ff124a Color Information

#ff124a Color Conversion

Color Schemes with #ff124a

Alternatives to #ff124a

#ff124a Preview

Shades and Tints of #ff124a

Tones of #ff124a

Color Blindness Simulator