#ff0700 hex color

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

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

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

The hexadecimal color #ff0700 has RGB values of R:255, G:7, B:0 and CMYK values of C:0, M:0.97, Y:1, K:0. Its decimal value is 16713472.

Hex triplet	ff0700	`#ff0700`
RGB Decimal	255, 7, 0	`rgb(255,7,0)`
RGB Percent	100, 2.7, 0	`rgb(100%,2.7%,0%)`
CMYK	0, 97, 100, 0
HSL	1.6°, 100, 50	`hsl(1.6,100%,50%)`
HSV (or HSB)	1.6°, 100, 100
Web Safe	ff0000	`#ff0000`

CIE-LAB	53.403, 79.614, 67.258
XYZ	41.318, 21.418, 1.959
xyY	0.639, 0.331, 21.418
CIE-LCH	53.403, 104.221, 40.191
CIE-LUV	53.403, 174.058, 38.053
Hunter-Lab	46.279, 78.378, 29.886
Binary	11111111, 00000111, 00000000

#ff0700
```
#ff0700 rgb(255,7,0)
```
#00f8ff
```
#00f8ff rgb(0,248,255)
```

Complementary Color

#ff0079
```
#ff0079 rgb(255,0,121)
```
#ff0700
```
#ff0700 rgb(255,7,0)
```
#ff8700
```
#ff8700 rgb(255,135,0)
```

Analogous Color

#0079ff
```
#0079ff rgb(0,121,255)
```
#ff0700
```
#ff0700 rgb(255,7,0)
```
#00ff87
```
#00ff87 rgb(0,255,135)
```

Split Complementary Color

#0700ff
```
#0700ff rgb(7,0,255)
```
#ff0700
```
#ff0700 rgb(255,7,0)
```
#00ff07
```
#00ff07 rgb(0,255,7)
```

Triadic Color

#ff00f8
```
#ff00f8 rgb(255,0,248)
```
#ff0700
```
#ff0700 rgb(255,7,0)
```
#00ff07
```
#00ff07 rgb(0,255,7)
```
#00f8ff
```
#00f8ff rgb(0,248,255)
```

Tetradic Color

#b30500
```
#b30500 rgb(179,5,0)
```
#cc0600
```
#cc0600 rgb(204,6,0)
```
#e60600
```
#e60600 rgb(230,6,0)
```
#ff0700
```
#ff0700 rgb(255,7,0)
```
#ff201a
```
#ff201a rgb(255,32,26)
```
#ff3933
```
#ff3933 rgb(255,57,51)
```
#ff514d
```
#ff514d rgb(255,81,77)
```

Monochromatic Color

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

#ff0039
```
#ff0039 rgb(255,0,57)
```
#ff0024
```
#ff0024 rgb(255,0,36)
```
#ff000e
```
#ff000e rgb(255,0,14)
```
#ff0700
```
#ff0700 rgb(255,7,0)
```
#ff1c00
```
#ff1c00 rgb(255,28,0)
```
#ff3200
```
#ff3200 rgb(255,50,0)
```
#ff4700
```
#ff4700 rgb(255,71,0)
```

Similar Colors

Text with hexadecimal color #ff0700

This text has a font color of #ff0700.

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

#ff0700 background color

This paragraph has a background color of #ff0700.

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

#ff0700 border color

This element has a border color of #ff0700.

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

CSS codes

.text {color:#ff0700;}

.background {background-color:#ff0700;}

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

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)
```
#270100
```
#270100 rgb(39,1,0)
```
#3b0200
```
#3b0200 rgb(59,2,0)
```
#4e0200
```
#4e0200 rgb(78,2,0)
```
#620300
```
#620300 rgb(98,3,0)
```
#760300
```
#760300 rgb(118,3,0)
```
#890400
```
#890400 rgb(137,4,0)
```
#9d0400
```
#9d0400 rgb(157,4,0)
```
#b10500
```
#b10500 rgb(177,5,0)
```
#c40500
```
#c40500 rgb(196,5,0)
```
#d80600
```
#d80600 rgb(216,6,0)
```
#eb0600
```
#eb0600 rgb(235,6,0)
```
#ff0700
```
#ff0700 rgb(255,7,0)
```

Shade Color Variation

#ff1a14
```
#ff1a14 rgb(255,26,20)
```
#ff2d27
```
#ff2d27 rgb(255,45,39)
```
#ff403b
```
#ff403b rgb(255,64,59)
```
#ff534e
```
#ff534e rgb(255,83,78)
```
#ff6662
```
#ff6662 rgb(255,102,98)
```
#ff7976
```
#ff7976 rgb(255,121,118)
```
#ff8d89
```
#ff8d89 rgb(255,141,137)
```
#ffa09d
```
#ffa09d rgb(255,160,157)
```
#ffb3b1
```
#ffb3b1 rgb(255,179,177)
```
#ffc6c4
```
#ffc6c4 rgb(255,198,196)
```
#ffd9d8
```
#ffd9d8 rgb(255,217,216)
```
#ffeceb
```
#ffeceb rgb(255,236,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#897676
```
#897676 rgb(137,118,118)
```
#936d6c
```
#936d6c rgb(147,109,108)
```
#9d6462
```
#9d6462 rgb(157,100,98)
```
#a75a58
```
#a75a58 rgb(167,90,88)
```
#b1514e
```
#b1514e rgb(177,81,78)
```
#ba4845
```
#ba4845 rgb(186,72,69)
```
#c43f3b
```
#c43f3b rgb(196,63,59)
```
#ce3531
```
#ce3531 rgb(206,53,49)
```
#d82c27
```
#d82c27 rgb(216,44,39)
```
#e2231d
```
#e2231d rgb(226,35,29)
```
#eb1a14
```
#eb1a14 rgb(235,26,20)
```
#f5100a
```
#f5100a rgb(245,16,10)
```
#ff0700
```
#ff0700 rgb(255,7,0)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#734140 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968623 Protanopia 1% of men
#a77f00 Deuteranopia 1% of men
#fe1b00 Tritanopia 0.001% of the population

Trichromacy

#bc5816 Protanomaly 1% of men, 0.01% of women
#c75300 Deuteranomaly 6% of men, 0.4% of women
#fe1400 Tritanomaly 0.01% of the population

#ff0700 hex color

#ff0700 Color Information

#ff0700 Color Conversion

Color Schemes with #ff0700

Alternatives to #ff0700

#ff0700 Preview

Shades and Tints of #ff0700

Tones of #ff0700

Color Blindness Simulator