colorhexa.com

#ff1d02 hex color

In a RGB color space, hex #ff1d02 is composed of 100% red, 11.4% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.6% magenta, 99.2% yellow and 0% black. It has a hue angle of 6.4 degrees, a saturation of 100% and a lightness of 50.4%. #ff1d02 color hex could be obtained by blending #ff3a04 with #ff0000. Closest websafe color is: #ff3300.

- R 100
- G 11
- B 1
RGB color chart
- C 0
- M 89
- Y 99
- K 0
CMYK color chart

● #ff1d02 color description : Vivid red.

The hexadecimal color #ff1d02 has RGB values of R:255, G:29, B:2 and CMYK values of C:0, M:0.89, Y:0.99, K:0. Its decimal value is 16719106.

Hex triplet	ff1d02	`#ff1d02`
RGB Decimal	255, 29, 2	`rgb(255,29,2)`
RGB Percent	100, 11.4, 0.8	`rgb(100%,11.4%,0.8%)`
CMYK	0, 89, 99, 0
HSL	6.4°, 100, 50.4	`hsl(6.4,100%,50.4%)`
HSV (or HSB)	6.4°, 99.2, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.184, 77.388, 67.056
XYZ	41.693, 22.149, 2.137
xyY	0.632, 0.336, 22.149
CIE-LCH	54.184, 102.398, 40.909
CIE-LUV	54.184, 169.509, 39.288
Hunter-Lab	47.062, 75.775, 30.251
Binary	11111111, 00011101, 00000010

#ff1d02
```
#ff1d02 rgb(255,29,2)
```
#02e4ff
```
#02e4ff rgb(2,228,255)
```

Complementary Color

#ff0266
```
#ff0266 rgb(255,2,102)
```
#ff1d02
```
#ff1d02 rgb(255,29,2)
```
#ff9c02
```
#ff9c02 rgb(255,156,2)
```

Analogous Color

#0266ff
```
#0266ff rgb(2,102,255)
```
#ff1d02
```
#ff1d02 rgb(255,29,2)
```
#02ff9c
```
#02ff9c rgb(2,255,156)
```

Split Complementary Color

#b51300
```
#b51300 rgb(181,19,0)
```
#ce1600
```
#ce1600 rgb(206,22,0)
```
#e81900
```
#e81900 rgb(232,25,0)
```
#ff1d02
```
#ff1d02 rgb(255,29,2)
```
#ff341c
```
#ff341c rgb(255,52,28)
```
#ff4b35
```
#ff4b35 rgb(255,75,53)
```
#ff614f
```
#ff614f rgb(255,97,79)
```

Monochromatic Color

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

#ff0226
```
#ff0226 rgb(255,2,38)
```
#ff0211
```
#ff0211 rgb(255,2,17)
```
#ff0802
```
#ff0802 rgb(255,8,2)
```
#ff1d02
```
#ff1d02 rgb(255,29,2)
```
#ff3202
```
#ff3202 rgb(255,50,2)
```
#ff4702
```
#ff4702 rgb(255,71,2)
```
#ff5c02
```
#ff5c02 rgb(255,92,2)
```

Similar Colors

Text with hexadecimal color #ff1d02

This text has a font color of #ff1d02.

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

#ff1d02 background color

This paragraph has a background color of #ff1d02.

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

#ff1d02 border color

This element has a border color of #ff1d02.

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

CSS codes

.text {color:#ff1d02;}

.background {background-color:#ff1d02;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#160200
```
#160200 rgb(22,2,0)
```
#290400
```
#290400 rgb(41,4,0)
```
#3d0600
```
#3d0600 rgb(61,6,0)
```
#500900
```
#500900 rgb(80,9,0)
```
#640b00
```
#640b00 rgb(100,11,0)
```
#780d00
```
#780d00 rgb(120,13,0)
```
#8b0f00
```
#8b0f00 rgb(139,15,0)
```
#9f1100
```
#9f1100 rgb(159,17,0)
```
#b31300
```
#b31300 rgb(179,19,0)
```
#c61500
```
#c61500 rgb(198,21,0)
```
#da1700
```
#da1700 rgb(218,23,0)
```
#ed1900
```
#ed1900 rgb(237,25,0)
```

Shade Color Variation

#ff1d02
```
#ff1d02 rgb(255,29,2)
```
#ff2f16
```
#ff2f16 rgb(255,47,22)
```
#ff4029
```
#ff4029 rgb(255,64,41)
```
#ff523d
```
#ff523d rgb(255,82,61)
```
#ff6350
```
#ff6350 rgb(255,99,80)
```
#ff7564
```
#ff7564 rgb(255,117,100)
```
#ff8678
```
#ff8678 rgb(255,134,120)
```
#ff988b
```
#ff988b rgb(255,152,139)
```
#ffa99f
```
#ffa99f rgb(255,169,159)
```
#ffbbb3
```
#ffbbb3 rgb(255,187,179)
```
#ffccc6
```
#ffccc6 rgb(255,204,198)
```
#ffdeda
```
#ffdeda rgb(255,222,218)
```
#ffefed
```
#ffefed rgb(255,239,237)
```

Tint Color Variation

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

#8a7977
```
#8a7977 rgb(138,121,119)
```
#94716d
```
#94716d rgb(148,113,109)
```
#9e6a63
```
#9e6a63 rgb(158,106,99)
```
#a7625a
```
#a7625a rgb(167,98,90)
```
#b15a50
```
#b15a50 rgb(177,90,80)
```
#bb5346
```
#bb5346 rgb(187,83,70)
```
#c54b3c
```
#c54b3c rgb(197,75,60)
```
#ce4333
```
#ce4333 rgb(206,67,51)
```
#d83c29
```
#d83c29 rgb(216,60,41)
```
#e2341f
```
#e2341f rgb(226,52,31)
```
#ec2c15
```
#ec2c15 rgb(236,44,21)
```
#f5250c
```
#f5250c rgb(245,37,12)
```
#ff1d02
```
#ff1d02 rgb(255,29,2)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7d504b Atypical Achromatopsia 0.001% of the population

Dichromacy

#988824 Protanopia 1% of men
#a98100 Deuteranopia 1% of men
#ff2722 Tritanopia 0.001% of the population

Trichromacy

#bd6117 Protanomaly 1% of men, 0.01% of women
#c85d00 Deuteranomaly 6% of men, 0.4% of women
#ff2316 Tritanomaly 0.01% of the population