#ff123a hex color

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

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

● #ff123a color description : Vivid red.

The hexadecimal color #ff123a has RGB values of R:255, G:18, B:58 and CMYK values of C:0, M:0.93, Y:0.77, K:0. Its decimal value is 16716346.

Hex triplet	ff123a	`#ff123a`
RGB Decimal	255, 18, 58	`rgb(255,18,58)`
RGB Percent	100, 7.1, 22.7	`rgb(100%,7.1%,22.7%)`
CMYK	0, 93, 77, 0
HSL	349.9°, 100, 53.5	`hsl(349.9,100%,53.5%)`
HSV (or HSB)	349.9°, 92.9, 100
Web Safe	ff0033	`#ff0033`

CIE-LAB	54.031, 79.652, 44.522
XYZ	42.222, 22.004, 6.027
xyY	0.601, 0.313, 22.004
CIE-LCH	54.031, 91.25, 29.204
CIE-LUV	54.031, 164.933, 27.376
Hunter-Lab	46.908, 78.58, 25.218
Binary	11111111, 00010010, 00111010

#ff123a
```
#ff123a rgb(255,18,58)
```
#12ffd7
```
#12ffd7 rgb(18,255,215)
```

Complementary Color

#ff12b1
```
#ff12b1 rgb(255,18,177)
```
#ff123a
```
#ff123a rgb(255,18,58)
```
#ff6112
```
#ff6112 rgb(255,97,18)
```

Analogous Color

#12b1ff
```
#12b1ff rgb(18,177,255)
```
#ff123a
```
#ff123a rgb(255,18,58)
```
#12ff61
```
#12ff61 rgb(18,255,97)
```

Split Complementary Color

#123aff
```
#123aff rgb(18,58,255)
```
#ff123a
```
#ff123a rgb(255,18,58)
```
#3aff12
```
#3aff12 rgb(58,255,18)
```

Triadic Color

#d712ff
```
#d712ff rgb(215,18,255)
```
#ff123a
```
#ff123a rgb(255,18,58)
```
#3aff12
```
#3aff12 rgb(58,255,18)
```
#12ffd7
```
#12ffd7 rgb(18,255,215)
```

Tetradic Color

#c50021
```
#c50021 rgb(197,0,33)
```
#de0025
```
#de0025 rgb(222,0,37)
```
#f8002a
```
#f8002a rgb(248,0,42)
```
#ff123a
```
#ff123a rgb(255,18,58)
```
#ff2c4f
```
#ff2c4f rgb(255,44,79)
```
#ff4564
```
#ff4564 rgb(255,69,100)
```
#ff5f7a
```
#ff5f7a rgb(255,95,122)
```

Monochromatic Color

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

#ff1275
```
#ff1275 rgb(255,18,117)
```
#ff1262
```
#ff1262 rgb(255,18,98)
```
#ff124e
```
#ff124e rgb(255,18,78)
```
#ff123a
```
#ff123a rgb(255,18,58)
```
#ff1226
```
#ff1226 rgb(255,18,38)
```
#ff1213
```
#ff1213 rgb(255,18,19)
```
#ff2512
```
#ff2512 rgb(255,37,18)
```

Similar Colors

Text with hexadecimal color #ff123a

This text has a font color of #ff123a.

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

#ff123a background color

This paragraph has a background color of #ff123a.

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

#ff123a border color

This element has a border color of #ff123a.

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

CSS codes

.text {color:#ff123a;}

.background {background-color:#ff123a;}

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

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

#120003
```
#120003 rgb(18,0,3)
```
#260006
```
#260006 rgb(38,0,6)
```
#39000a
```
#39000a rgb(57,0,10)
```
#4d000d
```
#4d000d rgb(77,0,13)
```
#600010
```
#600010 rgb(96,0,16)
```
#740014
```
#740014 rgb(116,0,20)
```
#880017
```
#880017 rgb(136,0,23)
```
#9b001a
```
#9b001a rgb(155,0,26)
```
#af001e
```
#af001e rgb(175,0,30)
```
#c30021
```
#c30021 rgb(195,0,33)
```
#d60024
```
#d60024 rgb(214,0,36)
```
#ea0027
```
#ea0027 rgb(234,0,39)
```
#fd002b
```
#fd002b rgb(253,0,43)
```

Shade Color Variation

#ff123a
```
#ff123a rgb(255,18,58)
```
#ff264a
```
#ff264a rgb(255,38,74)
```
#ff395b
```
#ff395b rgb(255,57,91)
```
#ff4d6b
```
#ff4d6b rgb(255,77,107)
```
#ff607b
```
#ff607b rgb(255,96,123)
```
#ff748c
```
#ff748c rgb(255,116,140)
```
#ff889c
```
#ff889c rgb(255,136,156)
```
#ff9bac
```
#ff9bac rgb(255,155,172)
```
#ffafbc
```
#ffafbc rgb(255,175,188)
```
#ffc3cd
```
#ffc3cd rgb(255,195,205)
```
#ffd6dd
```
#ffd6dd rgb(255,214,221)
```
#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 #ff123a is the most saturated one.

#927f82
```
#927f82 rgb(146,127,130)
```
#9b767c
```
#9b767c rgb(155,118,124)
```
#a46d76
```
#a46d76 rgb(164,109,118)
```
#ad6470
```
#ad6470 rgb(173,100,112)
```
#b65b6a
```
#b65b6a rgb(182,91,106)
```
#bf5264
```
#bf5264 rgb(191,82,100)
```
#c8495e
```
#c8495e rgb(200,73,94)
```
#d14058
```
#d14058 rgb(209,64,88)
```
#db3652
```
#db3652 rgb(219,54,82)
```
#e42d4c
```
#e42d4c rgb(228,45,76)
```
#ed2446
```
#ed2446 rgb(237,36,70)
```
#f61b40
```
#f61b40 rgb(246,27,64)
```
#ff123a
```
#ff123a rgb(255,18,58)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7d4e56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92875e Protanopia 1% of men
#a88132 Deuteranopia 1% of men
#fe2722 Tritanopia 0.001% of the population

Trichromacy

#b95c51 Protanomaly 1% of men, 0.01% of women
#c75835 Deuteranomaly 6% of men, 0.4% of women
#fe1f2a Tritanomaly 0.01% of the population

#ff123a hex color

#ff123a Color Information

#ff123a Color Conversion

Color Schemes with #ff123a

Alternatives to #ff123a

#ff123a Preview

Shades and Tints of #ff123a

Tones of #ff123a

Color Blindness Simulator