#ff1200 hex color

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

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

● #ff1200 color description : Pure (or mostly pure) red.

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

Hex triplet	ff1200	`#ff1200`
RGB Decimal	255, 18, 0	`rgb(255,18,0)`
RGB Percent	100, 7.1, 0	`rgb(100%,7.1%,0%)`
CMYK	0, 93, 100, 0
HSL	4.2°, 100, 50	`hsl(4.2,100%,50%)`
HSV (or HSB)	4.2°, 100, 100
Web Safe	ff0000	`#ff0000`

CIE-LAB	53.705, 78.741, 67.365
XYZ	41.459, 21.698, 2.005
xyY	0.636, 0.333, 21.698
CIE-LCH	53.705, 103.625, 40.548
CIE-LUV	53.705, 172.322, 38.599
Hunter-Lab	46.581, 77.353, 30.054
Binary	11111111, 00010010, 00000000

#ff1200
```
#ff1200 rgb(255,18,0)
```
#00edff
```
#00edff rgb(0,237,255)
```

Complementary Color

#ff006e
```
#ff006e rgb(255,0,110)
```
#ff1200
```
#ff1200 rgb(255,18,0)
```
#ff9200
```
#ff9200 rgb(255,146,0)
```

Analogous Color

#006eff
```
#006eff rgb(0,110,255)
```
#ff1200
```
#ff1200 rgb(255,18,0)
```
#00ff92
```
#00ff92 rgb(0,255,146)
```

Split Complementary Color

#1200ff
```
#1200ff rgb(18,0,255)
```
#ff1200
```
#ff1200 rgb(255,18,0)
```
#00ff12
```
#00ff12 rgb(0,255,18)
```

Triadic Color

#ff00ed
```
#ff00ed rgb(255,0,237)
```
#ff1200
```
#ff1200 rgb(255,18,0)
```
#00ff12
```
#00ff12 rgb(0,255,18)
```
#00edff
```
#00edff rgb(0,237,255)
```

Tetradic Color

#b30d00
```
#b30d00 rgb(179,13,0)
```
#cc0e00
```
#cc0e00 rgb(204,14,0)
```
#e61000
```
#e61000 rgb(230,16,0)
```
#ff1200
```
#ff1200 rgb(255,18,0)
```
#ff2a1a
```
#ff2a1a rgb(255,42,26)
```
#ff4133
```
#ff4133 rgb(255,65,51)
```
#ff594d
```
#ff594d rgb(255,89,77)
```

Monochromatic Color

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

#ff002e
```
#ff002e rgb(255,0,46)
```
#ff0018
```
#ff0018 rgb(255,0,24)
```
#ff0003
```
#ff0003 rgb(255,0,3)
```
#ff1200
```
#ff1200 rgb(255,18,0)
```
#ff2700
```
#ff2700 rgb(255,39,0)
```
#ff3c00
```
#ff3c00 rgb(255,60,0)
```
#ff5200
```
#ff5200 rgb(255,82,0)
```

Similar Colors

Text with hexadecimal color #ff1200

This text has a font color of #ff1200.

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

#ff1200 background color

This paragraph has a background color of #ff1200.

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

#ff1200 border color

This element has a border color of #ff1200.

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

CSS codes

.text {color:#ff1200;}

.background {background-color:#ff1200;}

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

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

#140100
```
#140100 rgb(20,1,0)
```
#270300
```
#270300 rgb(39,3,0)
```
#3b0400
```
#3b0400 rgb(59,4,0)
```
#4e0600
```
#4e0600 rgb(78,6,0)
```
#620700
```
#620700 rgb(98,7,0)
```
#760800
```
#760800 rgb(118,8,0)
```
#890a00
```
#890a00 rgb(137,10,0)
```
#9d0b00
```
#9d0b00 rgb(157,11,0)
```
#b10c00
```
#b10c00 rgb(177,12,0)
```
#c40e00
```
#c40e00 rgb(196,14,0)
```
#d80f00
```
#d80f00 rgb(216,15,0)
```
#eb1100
```
#eb1100 rgb(235,17,0)
```
#ff1200
```
#ff1200 rgb(255,18,0)
```

Shade Color Variation

#ff2414
```
#ff2414 rgb(255,36,20)
```
#ff3627
```
#ff3627 rgb(255,54,39)
```
#ff493b
```
#ff493b rgb(255,73,59)
```
#ff5b4e
```
#ff5b4e rgb(255,91,78)
```
#ff6d62
```
#ff6d62 rgb(255,109,98)
```
#ff7f76
```
#ff7f76 rgb(255,127,118)
```
#ff9289
```
#ff9289 rgb(255,146,137)
```
#ffa49d
```
#ffa49d rgb(255,164,157)
```
#ffb6b1
```
#ffb6b1 rgb(255,182,177)
```
#ffc8c4
```
#ffc8c4 rgb(255,200,196)
```
#ffdbd8
```
#ffdbd8 rgb(255,219,216)
```
#ffedeb
```
#ffedeb rgb(255,237,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#897776
```
#897776 rgb(137,119,118)
```
#936f6c
```
#936f6c rgb(147,111,108)
```
#9d6662
```
#9d6662 rgb(157,102,98)
```
#a75e58
```
#a75e58 rgb(167,94,88)
```
#b1554e
```
#b1554e rgb(177,85,78)
```
#ba4d45
```
#ba4d45 rgb(186,77,69)
```
#c4453b
```
#c4453b rgb(196,69,59)
```
#ce3c31
```
#ce3c31 rgb(206,60,49)
```
#d83427
```
#d83427 rgb(216,52,39)
```
#e22b1d
```
#e22b1d rgb(226,43,29)
```
#eb2314
```
#eb2314 rgb(235,35,20)
```
#f51a0a
```
#f51a0a rgb(245,26,10)
```
#ff1200
```
#ff1200 rgb(255,18,0)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#794946 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968722 Protanopia 1% of men
#a88000 Deuteranopia 1% of men
#ff1d11 Tritanopia 0.001% of the population

Trichromacy

#bc5c16 Protanomaly 1% of men, 0.01% of women
#c75800 Deuteranomaly 6% of men, 0.4% of women
#ff190b Tritanomaly 0.01% of the population

#ff1200 hex color

#ff1200 Color Information

#ff1200 Color Conversion

Color Schemes with #ff1200

Alternatives to #ff1200

#ff1200 Preview

Shades and Tints of #ff1200

Tones of #ff1200

Color Blindness Simulator