#fd180e hex color

In a RGB color space, hex #fd180e is composed of 99.2% red, 9.4% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.5% magenta, 94.5% yellow and 0.8% black. It has a hue angle of 2.5 degrees, a saturation of 98.4% and a lightness of 52.4%. #fd180e color hex could be obtained by blending #ff301c with #fb0000. Closest websafe color is: #ff0000.

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

● #fd180e color description : Vivid red.

The hexadecimal color #fd180e has RGB values of R:253, G:24, B:14 and CMYK values of C:0, M:0.91, Y:0.94, K:0.01. Its decimal value is 16586766.

Hex triplet	fd180e	`#fd180e`
RGB Decimal	253, 24, 14	`rgb(253,24,14)`
RGB Percent	99.2, 9.4, 5.5	`rgb(99.2%,9.4%,5.5%)`
CMYK	0, 91, 94, 1
HSL	2.5°, 98.4, 52.4	`hsl(2.5,98.4%,52.4%)`
HSV (or HSB)	2.5°, 94.5, 99.2
Web Safe	ff0000	`#ff0000`

CIE-LAB	53.571, 77.658, 63.678
XYZ	40.916, 21.573, 2.425
xyY	0.63, 0.332, 21.573
CIE-LCH	53.571, 100.428, 39.351
CIE-LUV	53.571, 168.793, 37.531
Hunter-Lab	46.447, 75.963, 29.417
Binary	11111101, 00011000, 00001110

#fd180e
```
#fd180e rgb(253,24,14)
```
#0ef3fd
```
#0ef3fd rgb(14,243,253)
```

Complementary Color

#fd0e7c
```
#fd0e7c rgb(253,14,124)
```
#fd180e
```
#fd180e rgb(253,24,14)
```
#fd900e
```
#fd900e rgb(253,144,14)
```

Analogous Color

#0e7cfd
```
#0e7cfd rgb(14,124,253)
```
#fd180e
```
#fd180e rgb(253,24,14)
```
#0efd90
```
#0efd90 rgb(14,253,144)
```

Split Complementary Color

#180efd
```
#180efd rgb(24,14,253)
```
#fd180e
```
#fd180e rgb(253,24,14)
```
#0efd18
```
#0efd18 rgb(14,253,24)
```

Triadic Color

#fd0ef3
```
#fd0ef3 rgb(253,14,243)
```
#fd180e
```
#fd180e rgb(253,24,14)
```
#0efd18
```
#0efd18 rgb(14,253,24)
```
#0ef3fd
```
#0ef3fd rgb(14,243,253)
```

Tetradic Color

#bd0902
```
#bd0902 rgb(189,9,2)
```
#d60b02
```
#d60b02 rgb(214,11,2)
```
#f00c02
```
#f00c02 rgb(240,12,2)
```
#fd180e
```
#fd180e rgb(253,24,14)
```
#fd3027
```
#fd3027 rgb(253,48,39)
```
#fd4841
```
#fd4841 rgb(253,72,65)
```
#fe615a
```
#fe615a rgb(254,97,90)
```

Monochromatic Color

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

#fd0e40
```
#fd0e40 rgb(253,14,64)
```
#fd0e2c
```
#fd0e2c rgb(253,14,44)
```
#fd0e18
```
#fd0e18 rgb(253,14,24)
```
#fd180e
```
#fd180e rgb(253,24,14)
```
#fd2c0e
```
#fd2c0e rgb(253,44,14)
```
#fd400e
```
#fd400e rgb(253,64,14)
```
#fd540e
```
#fd540e rgb(253,84,14)
```

Similar Colors

Text with hexadecimal color #fd180e

This text has a font color of #fd180e.

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

#fd180e background color

This paragraph has a background color of #fd180e.

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

#fd180e border color

This element has a border color of #fd180e.

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

CSS codes

.text {color:#fd180e;}

.background {background-color:#fd180e;}

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

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

#0c0100
```
#0c0100 rgb(12,1,0)
```
#1f0200
```
#1f0200 rgb(31,2,0)
```
#330300
```
#330300 rgb(51,3,0)
```
#460301
```
#460301 rgb(70,3,1)
```
#5a0401
```
#5a0401 rgb(90,4,1)
```
#6d0501
```
#6d0501 rgb(109,5,1)
```
#810601
```
#810601 rgb(129,6,1)
```
#940701
```
#940701 rgb(148,7,1)
```
#a80801
```
#a80801 rgb(168,8,1)
```
#bb0902
```
#bb0902 rgb(187,9,2)
```
#ce0a02
```
#ce0a02 rgb(206,10,2)
```
#e20b02
```
#e20b02 rgb(226,11,2)
```
#f50c02
```
#f50c02 rgb(245,12,2)
```

Shade Color Variation

#fd180e
```
#fd180e rgb(253,24,14)
```
#fd2b21
```
#fd2b21 rgb(253,43,33)
```
#fd3d35
```
#fd3d35 rgb(253,61,53)
```
#fd5048
```
#fd5048 rgb(253,80,72)
```
#fe635c
```
#fe635c rgb(254,99,92)
```
#fe756f
```
#fe756f rgb(254,117,111)
```
#fe8883
```
#fe8883 rgb(254,136,131)
```
#fe9b96
```
#fe9b96 rgb(254,155,150)
```
#feadaa
```
#feadaa rgb(254,173,170)
```
#fec0bd
```
#fec0bd rgb(254,192,189)
```
#ffd2d1
```
#ffd2d1 rgb(255,210,209)
```
#ffe5e4
```
#ffe5e4 rgb(255,229,228)
```
#fff8f7
```
#fff8f7 rgb(255,248,247)
```

Tint Color Variation

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

#8d7f7e
```
#8d7f7e rgb(141,127,126)
```
#967675
```
#967675 rgb(150,118,117)
```
#a06e6b
```
#a06e6b rgb(160,110,107)
```
#a96562
```
#a96562 rgb(169,101,98)
```
#b25d59
```
#b25d59 rgb(178,93,89)
```
#bc544f
```
#bc544f rgb(188,84,79)
```
#c54b46
```
#c54b46 rgb(197,75,70)
```
#ce433d
```
#ce433d rgb(206,67,61)
```
#d83a33
```
#d83a33 rgb(216,58,51)
```
#e1322a
```
#e1322a rgb(225,50,42)
```
#ea2921
```
#ea2921 rgb(234,41,33)
```
#f42117
```
#f42117 rgb(244,33,23)
```
#fd180e
```
#fd180e rgb(253,24,14)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#7b4e4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#96862e Protanopia 1% of men
#a88000 Deuteranopia 1% of men
#fd231d Tritanopia 0.001% of the population

Trichromacy

#bb5e22 Protanomaly 1% of men, 0.01% of women
#c65a05 Deuteranomaly 6% of men, 0.4% of women
#fd1f17 Tritanomaly 0.01% of the population

#fd180e hex color

#fd180e Color Information

#fd180e Color Conversion

Color Schemes with #fd180e

Alternatives to #fd180e

#fd180e Preview

Shades and Tints of #fd180e

Tones of #fd180e

Color Blindness Simulator