#ff1234 hex color

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

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

● #ff1234 color description : Vivid red.

The hexadecimal color #ff1234 has RGB values of R:255, G:18, B:52 and CMYK values of C:0, M:0.93, Y:0.8, K:0. Its decimal value is 16716340.

Hex triplet	ff1234	`#ff1234`
RGB Decimal	255, 18, 52	`rgb(255,18,52)`
RGB Percent	100, 7.1, 20.4	`rgb(100%,7.1%,20.4%)`
CMYK	0, 93, 80, 0
HSL	351.4°, 100, 53.5	`hsl(351.4,100%,53.5%)`
HSV (or HSB)	351.4°, 92.9, 100
Web Safe	ff0033	`#ff0033`

CIE-LAB	53.97, 79.481, 47.755
XYZ	42.078, 21.946, 5.269
xyY	0.607, 0.317, 21.946
CIE-LCH	53.97, 92.724, 30.999
CIE-LUV	53.97, 166.276, 29.423
Hunter-Lab	46.847, 78.35, 26.124
Binary	11111111, 00010010, 00110100

#ff1234
```
#ff1234 rgb(255,18,52)
```
#12ffdd
```
#12ffdd rgb(18,255,221)
```

Complementary Color

#ff12ab
```
#ff12ab rgb(255,18,171)
```
#ff1234
```
#ff1234 rgb(255,18,52)
```
#ff6712
```
#ff6712 rgb(255,103,18)
```

Analogous Color

#12abff
```
#12abff rgb(18,171,255)
```
#ff1234
```
#ff1234 rgb(255,18,52)
```
#12ff67
```
#12ff67 rgb(18,255,103)
```

Split Complementary Color

#1234ff
```
#1234ff rgb(18,52,255)
```
#ff1234
```
#ff1234 rgb(255,18,52)
```
#34ff12
```
#34ff12 rgb(52,255,18)
```

Triadic Color

#dd12ff
```
#dd12ff rgb(221,18,255)
```
#ff1234
```
#ff1234 rgb(255,18,52)
```
#34ff12
```
#34ff12 rgb(52,255,18)
```
#12ffdd
```
#12ffdd rgb(18,255,221)
```

Tetradic Color

#c5001c
```
#c5001c rgb(197,0,28)
```
#de0020
```
#de0020 rgb(222,0,32)
```
#f80024
```
#f80024 rgb(248,0,36)
```
#ff1234
```
#ff1234 rgb(255,18,52)
```
#ff2c4a
```
#ff2c4a rgb(255,44,74)
```
#ff4560
```
#ff4560 rgb(255,69,96)
```
#ff5f76
```
#ff5f76 rgb(255,95,118)
```

Monochromatic Color

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

#ff126f
```
#ff126f rgb(255,18,111)
```
#ff125c
```
#ff125c rgb(255,18,92)
```
#ff1248
```
#ff1248 rgb(255,18,72)
```
#ff1234
```
#ff1234 rgb(255,18,52)
```
#ff1220
```
#ff1220 rgb(255,18,32)
```
#ff1812
```
#ff1812 rgb(255,24,18)
```
#ff2b12
```
#ff2b12 rgb(255,43,18)
```

Similar Colors

Text with hexadecimal color #ff1234

This text has a font color of #ff1234.

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

#ff1234 background color

This paragraph has a background color of #ff1234.

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

#ff1234 border color

This element has a border color of #ff1234.

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

CSS codes

.text {color:#ff1234;}

.background {background-color:#ff1234;}

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

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)
```
#260005
```
#260005 rgb(38,0,5)
```
#390008
```
#390008 rgb(57,0,8)
```
#4d000b
```
#4d000b rgb(77,0,11)
```
#60000e
```
#60000e rgb(96,0,14)
```
#740011
```
#740011 rgb(116,0,17)
```
#880013
```
#880013 rgb(136,0,19)
```
#9b0016
```
#9b0016 rgb(155,0,22)
```
#af0019
```
#af0019 rgb(175,0,25)
```
#c3001c
```
#c3001c rgb(195,0,28)
```
#d6001f
```
#d6001f rgb(214,0,31)
```
#ea0022
```
#ea0022 rgb(234,0,34)
```
#fd0024
```
#fd0024 rgb(253,0,36)
```

Shade Color Variation

#ff1234
```
#ff1234 rgb(255,18,52)
```
#ff2645
```
#ff2645 rgb(255,38,69)
```
#ff3956
```
#ff3956 rgb(255,57,86)
```
#ff4d66
```
#ff4d66 rgb(255,77,102)
```
#ff6077
```
#ff6077 rgb(255,96,119)
```
#ff7488
```
#ff7488 rgb(255,116,136)
```
#ff8899
```
#ff8899 rgb(255,136,153)
```
#ff9baa
```
#ff9baa rgb(255,155,170)
```
#ffafba
```
#ffafba rgb(255,175,186)
```
#ffc3cb
```
#ffc3cb rgb(255,195,203)
```
#ffd6dc
```
#ffd6dc rgb(255,214,220)
```
#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 #ff1234 is the most saturated one.

#927f82
```
#927f82 rgb(146,127,130)
```
#9b767c
```
#9b767c rgb(155,118,124)
```
#a46d75
```
#a46d75 rgb(164,109,117)
```
#ad646f
```
#ad646f rgb(173,100,111)
```
#b65b68
```
#b65b68 rgb(182,91,104)
```
#bf5262
```
#bf5262 rgb(191,82,98)
```
#c8495b
```
#c8495b rgb(200,73,91)
```
#d14054
```
#d14054 rgb(209,64,84)
```
#db364e
```
#db364e rgb(219,54,78)
```
#e42d47
```
#e42d47 rgb(228,45,71)
```
#ed2441
```
#ed2441 rgb(237,36,65)
```
#f61b3a
```
#f61b3a rgb(246,27,58)
```
#ff1234
```
#ff1234 rgb(255,18,52)
```

Tone Color Variation

Below, you can see how #ff1234 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
#7d4e55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938757 Protanopia 1% of men
#a8812b Deuteranopia 1% of men
#fe2520 Tritanopia 0.001% of the population

Trichromacy

#ba5c4a Protanomaly 1% of men, 0.01% of women
#c7582e Deuteranomaly 6% of men, 0.4% of women
#fe1e27 Tritanomaly 0.01% of the population

#ff1234 hex color

#ff1234 Color Information

#ff1234 Color Conversion

Color Schemes with #ff1234

Alternatives to #ff1234

#ff1234 Preview

Shades and Tints of #ff1234

Tones of #ff1234

Color Blindness Simulator