#ff180d hex color

In a RGB color space, hex #ff180d is composed of 100% red, 9.4% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.6% magenta, 94.9% yellow and 0% black. It has a hue angle of 2.7 degrees, a saturation of 100% and a lightness of 52.5%. #ff180d color hex could be obtained by blending #ff301a with #ff0000. Closest websafe color is: #ff0000.

♥
- f
- t
- g
- R 100
- G 9
- B 5
RGB color chart
- C 0
- M 91
- Y 95
- K 0
CMYK color chart

● #ff180d color description : Vivid red.

The hexadecimal color #ff180d has RGB values of R:255, G:24, B:13 and CMYK values of C:0, M:0.91, Y:0.95, K:0. Its decimal value is 16717837.

Hex triplet	ff180d	`#ff180d`
RGB Decimal	255, 24, 13	`rgb(255,24,13)`
RGB Percent	100, 9.4, 5.1	`rgb(100%,9.4%,5.1%)`
CMYK	0, 91, 95, 0
HSL	2.7°, 100, 52.5	`hsl(2.7,100%,52.5%)`
HSV (or HSB)	2.7°, 94.9, 100
Web Safe	ff0000	`#ff0000`

CIE-LAB	53.972, 78.15, 64.373
XYZ	41.642, 21.948, 2.425
xyY	0.631, 0.332, 21.948
CIE-LCH	53.972, 101.249, 39.479
CIE-LUV	53.972, 170.256, 37.921
Hunter-Lab	46.849, 76.676, 29.725
Binary	11111111, 00011000, 00001101

#ff180d
```
#ff180d rgb(255,24,13)
```
#0df4ff
```
#0df4ff rgb(13,244,255)
```

Complementary Color

#ff0d7b
```
#ff0d7b rgb(255,13,123)
```
#ff180d
```
#ff180d rgb(255,24,13)
```
#ff910d
```
#ff910d rgb(255,145,13)
```

Analogous Color

#0d7bff
```
#0d7bff rgb(13,123,255)
```
#ff180d
```
#ff180d rgb(255,24,13)
```
#0dff91
```
#0dff91 rgb(13,255,145)
```

Split Complementary Color

#180dff
```
#180dff rgb(24,13,255)
```
#ff180d
```
#ff180d rgb(255,24,13)
```
#0dff18
```
#0dff18 rgb(13,255,24)
```

Triadic Color

#ff0df4
```
#ff0df4 rgb(255,13,244)
```
#ff180d
```
#ff180d rgb(255,24,13)
```
#0dff18
```
#0dff18 rgb(13,255,24)
```
#0df4ff
```
#0df4ff rgb(13,244,255)
```

Tetradic Color

#c00900
```
#c00900 rgb(192,9,0)
```
#d90a00
```
#d90a00 rgb(217,10,0)
```
#f30b00
```
#f30b00 rgb(243,11,0)
```
#ff180d
```
#ff180d rgb(255,24,13)
```
#ff3027
```
#ff3027 rgb(255,48,39)
```
#ff4940
```
#ff4940 rgb(255,73,64)
```
#ff615a
```
#ff615a rgb(255,97,90)
```

Monochromatic Color

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

#ff0d3f
```
#ff0d3f rgb(255,13,63)
```
#ff0d2a
```
#ff0d2a rgb(255,13,42)
```
#ff0d16
```
#ff0d16 rgb(255,13,22)
```
#ff180d
```
#ff180d rgb(255,24,13)
```
#ff2c0d
```
#ff2c0d rgb(255,44,13)
```
#ff400d
```
#ff400d rgb(255,64,13)
```
#ff540d
```
#ff540d rgb(255,84,13)
```

Similar Colors

Text with hexadecimal color #ff180d

This text has a font color of #ff180d.

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

#ff180d background color

This paragraph has a background color of #ff180d.

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

#ff180d border color

This element has a border color of #ff180d.

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

CSS codes

.text {color:#ff180d;}

.background {background-color:#ff180d;}

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

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, #0d0100 is the darkest color, while #fff9f8 is the lightest one.

#0d0100
```
#0d0100 rgb(13,1,0)
```
#210100
```
#210100 rgb(33,1,0)
```
#340200
```
#340200 rgb(52,2,0)
```
#480300
```
#480300 rgb(72,3,0)
```
#5b0400
```
#5b0400 rgb(91,4,0)
```
#6f0500
```
#6f0500 rgb(111,5,0)
```
#830600
```
#830600 rgb(131,6,0)
```
#960700
```
#960700 rgb(150,7,0)
```
#aa0800
```
#aa0800 rgb(170,8,0)
```
#be0900
```
#be0900 rgb(190,9,0)
```
#d10a00
```
#d10a00 rgb(209,10,0)
```
#e50a00
```
#e50a00 rgb(229,10,0)
```
#f80b00
```
#f80b00 rgb(248,11,0)
```

Shade Color Variation

#ff180d
```
#ff180d rgb(255,24,13)
```
#ff2b21
```
#ff2b21 rgb(255,43,33)
```
#ff3d34
```
#ff3d34 rgb(255,61,52)
```
#ff5048
```
#ff5048 rgb(255,80,72)
```
#ff635b
```
#ff635b rgb(255,99,91)
```
#ff766f
```
#ff766f rgb(255,118,111)
```
#ff8883
```
#ff8883 rgb(255,136,131)
```
#ff9b96
```
#ff9b96 rgb(255,155,150)
```
#ffaeaa
```
#ffaeaa rgb(255,174,170)
```
#ffc1be
```
#ffc1be rgb(255,193,190)
```
#ffd3d1
```
#ffd3d1 rgb(255,211,209)
```
#ffe6e5
```
#ffe6e5 rgb(255,230,229)
```
#fff9f8
```
#fff9f8 rgb(255,249,248)
```

Tint Color Variation

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

#8f7e7d
```
#8f7e7d rgb(143,126,125)
```
#997573
```
#997573 rgb(153,117,115)
```
#a26d6a
```
#a26d6a rgb(162,109,106)
```
#ab6461
```
#ab6461 rgb(171,100,97)
```
#b55c57
```
#b55c57 rgb(181,92,87)
```
#be534e
```
#be534e rgb(190,83,78)
```
#c74b45
```
#c74b45 rgb(199,75,69)
```
#d0423c
```
#d0423c rgb(208,66,60)
```
#da3a32
```
#da3a32 rgb(218,58,50)
```
#e33129
```
#e33129 rgb(227,49,41)
```
#ec2920
```
#ec2920 rgb(236,41,32)
```
#f62016
```
#f62016 rgb(246,32,22)
```
#ff180d
```
#ff180d rgb(255,24,13)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7d4e4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#97872d Protanopia 1% of men
#a98100 Deuteranopia 1% of men
#ff231c Tritanopia 0.001% of the population

Trichromacy

#bc5f21 Protanomaly 1% of men, 0.01% of women
#c85a04 Deuteranomaly 6% of men, 0.4% of women
#ff1f17 Tritanomaly 0.01% of the population

#ff180d hex color

#ff180d Color Information

#ff180d Color Conversion

Color Schemes with #ff180d

Alternatives to #ff180d

#ff180d Preview

Shades and Tints of #ff180d

Tones of #ff180d

Color Blindness Simulator