#ff1a2f hex color

In a RGB color space, hex #ff1a2f is composed of 100% red, 10.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.8% magenta, 81.6% yellow and 0% black. It has a hue angle of 354.5 degrees, a saturation of 100% and a lightness of 55.1%. #ff1a2f color hex could be obtained by blending #ff345e with #ff0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 100
- G 10
- B 18
RGB color chart
- C 0
- M 90
- Y 82
- K 0
CMYK color chart

● #ff1a2f color description : Vivid red.

The hexadecimal color #ff1a2f has RGB values of R:255, G:26, B:47 and CMYK values of C:0, M:0.9, Y:0.82, K:0. Its decimal value is 16718383.

Hex triplet	ff1a2f	`#ff1a2f`
RGB Decimal	255, 26, 47	`rgb(255,26,47)`
RGB Percent	100, 10.2, 18.4	`rgb(100%,10.2%,18.4%)`
CMYK	0, 90, 82, 0
HSL	354.5°, 100, 55.1	`hsl(354.5,100%,55.1%)`
HSV (or HSB)	354.5°, 89.8, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.249, 78.419, 50.673
XYZ	42.125, 22.21, 4.758
xyY	0.61, 0.321, 22.21
CIE-LCH	54.249, 93.366, 32.87
CIE-LUV	54.249, 165.53, 31.59
Hunter-Lab	47.127, 77.081, 27.003
Binary	11111111, 00011010, 00101111

#ff1a2f
```
#ff1a2f rgb(255,26,47)
```
#1affea
```
#1affea rgb(26,255,234)
```

Complementary Color

#ff1aa2
```
#ff1aa2 rgb(255,26,162)
```
#ff1a2f
```
#ff1a2f rgb(255,26,47)
```
#ff781a
```
#ff781a rgb(255,120,26)
```

Analogous Color

#1aa2ff
```
#1aa2ff rgb(26,162,255)
```
#ff1a2f
```
#ff1a2f rgb(255,26,47)
```
#1aff78
```
#1aff78 rgb(26,255,120)
```

Split Complementary Color

#1a2fff
```
#1a2fff rgb(26,47,255)
```
#ff1a2f
```
#ff1a2f rgb(255,26,47)
```
#2fff1a
```
#2fff1a rgb(47,255,26)
```

Triadic Color

#ea1aff
```
#ea1aff rgb(234,26,255)
```
#ff1a2f
```
#ff1a2f rgb(255,26,47)
```
#2fff1a
```
#2fff1a rgb(47,255,26)
```
#1affea
```
#1affea rgb(26,255,234)
```

Tetradic Color

#cd0013
```
#cd0013 rgb(205,0,19)
```
#e60015
```
#e60015 rgb(230,0,21)
```
#ff0018
```
#ff0018 rgb(255,0,24)
```
#ff1a2f
```
#ff1a2f rgb(255,26,47)
```
#ff3446
```
#ff3446 rgb(255,52,70)
```
#ff4d5d
```
#ff4d5d rgb(255,77,93)
```
#ff6774
```
#ff6774 rgb(255,103,116)
```

Monochromatic Color

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

#ff1a68
```
#ff1a68 rgb(255,26,104)
```
#ff1a55
```
#ff1a55 rgb(255,26,85)
```
#ff1a42
```
#ff1a42 rgb(255,26,66)
```
#ff1a2f
```
#ff1a2f rgb(255,26,47)
```
#ff1a1c
```
#ff1a1c rgb(255,26,28)
```
#ff2b1a
```
#ff2b1a rgb(255,43,26)
```
#ff3e1a
```
#ff3e1a rgb(255,62,26)
```

Similar Colors

Text with hexadecimal color #ff1a2f

This text has a font color of #ff1a2f.

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

#ff1a2f background color

This paragraph has a background color of #ff1a2f.

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

#ff1a2f border color

This element has a border color of #ff1a2f.

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

CSS codes

.text {color:#ff1a2f;}

.background {background-color:#ff1a2f;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#1a0002
```
#1a0002 rgb(26,0,2)
```
#2e0004
```
#2e0004 rgb(46,0,4)
```
#410006
```
#410006 rgb(65,0,6)
```
#550008
```
#550008 rgb(85,0,8)
```
#68000a
```
#68000a rgb(104,0,10)
```
#7c000b
```
#7c000b rgb(124,0,11)
```
#90000d
```
#90000d rgb(144,0,13)
```
#a3000f
```
#a3000f rgb(163,0,15)
```
#b70011
```
#b70011 rgb(183,0,17)
```
#cb0013
```
#cb0013 rgb(203,0,19)
```
#de0014
```
#de0014 rgb(222,0,20)
```
#f20016
```
#f20016 rgb(242,0,22)
```

Shade Color Variation

#ff061d
```
#ff061d rgb(255,6,29)
```
#ff1a2f
```
#ff1a2f rgb(255,26,47)
```
#ff2e41
```
#ff2e41 rgb(255,46,65)
```
#ff4153
```
#ff4153 rgb(255,65,83)
```
#ff5564
```
#ff5564 rgb(255,85,100)
```
#ff6876
```
#ff6876 rgb(255,104,118)
```
#ff7c88
```
#ff7c88 rgb(255,124,136)
```
#ff909a
```
#ff909a rgb(255,144,154)
```
#ffa3ac
```
#ffa3ac rgb(255,163,172)
```
#ffb7be
```
#ffb7be rgb(255,183,190)
```
#ffcbcf
```
#ffcbcf rgb(255,203,207)
```
#ffdee1
```
#ffdee1 rgb(255,222,225)
```
#fff2f3
```
#fff2f3 rgb(255,242,243)
```

Tint Color Variation

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

#958485
```
#958485 rgb(149,132,133)
```
#9e7b7e
```
#9e7b7e rgb(158,123,126)
```
#a77277
```
#a77277 rgb(167,114,119)
```
#b06970
```
#b06970 rgb(176,105,112)
```
#b96069
```
#b96069 rgb(185,96,105)
```
#c15861
```
#c15861 rgb(193,88,97)
```
#ca4f5a
```
#ca4f5a rgb(202,79,90)
```
#d34653
```
#d34653 rgb(211,70,83)
```
#dc3d4c
```
#dc3d4c rgb(220,61,76)
```
#e53445
```
#e53445 rgb(229,52,69)
```
#ed2c3d
```
#ed2c3d rgb(237,44,61)
```
#f62336
```
#f62336 rgb(246,35,54)
```
#ff1a2f
```
#ff1a2f rgb(255,26,47)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#815357 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958850 Protanopia 1% of men
#a98124 Deuteranopia 1% of men
#fe2925 Tritanopia 0.001% of the population

Trichromacy

#bb6044 Protanomaly 1% of men, 0.01% of women
#c85c28 Deuteranomaly 6% of men, 0.4% of women
#fe2429 Tritanomaly 0.01% of the population

#ff1a2f hex color

#ff1a2f Color Information

#ff1a2f Color Conversion

Color Schemes with #ff1a2f

Alternatives to #ff1a2f

#ff1a2f Preview

Shades and Tints of #ff1a2f

Tones of #ff1a2f

Color Blindness Simulator