#ff302d hex color

In a RGB color space, hex #ff302d is composed of 100% red, 18.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.2% magenta, 82.4% yellow and 0% black. It has a hue angle of 0.9 degrees, a saturation of 100% and a lightness of 58.8%. #ff302d color hex could be obtained by blending #ff605a with #ff0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 100
- G 19
- B 18
RGB color chart
- C 0
- M 81
- Y 82
- K 0
CMYK color chart

● #ff302d color description : Vivid red.

The hexadecimal color #ff302d has RGB values of R:255, G:48, B:45 and CMYK values of C:0, M:0.81, Y:0.82, K:0. Its decimal value is 16724013.

Hex triplet	ff302d	`#ff302d`
RGB Decimal	255, 48, 45	`rgb(255,48,45)`
RGB Percent	100, 18.8, 17.6	`rgb(100%,18.8%,17.6%)`
CMYK	0, 81, 82, 0
HSL	0.9°, 100, 58.8	`hsl(0.9,100%,58.8%)`
HSV (or HSB)	0.9°, 82.4, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.653, 74.309, 52.989
XYZ	42.773, 23.569, 4.78
xyY	0.601, 0.331, 23.569
CIE-LCH	55.653, 91.267, 35.492
CIE-LUV	55.653, 158.302, 34.884
Hunter-Lab	48.548, 72.309, 28.146
Binary	11111111, 00110000, 00101101

#ff302d
```
#ff302d rgb(255,48,45)
```
#2dfcff
```
#2dfcff rgb(45,252,255)
```

Complementary Color

#ff2d93
```
#ff2d93 rgb(255,45,147)
```
#ff302d
```
#ff302d rgb(255,48,45)
```
#ff992d
```
#ff992d rgb(255,153,45)
```

Analogous Color

#2d93ff
```
#2d93ff rgb(45,147,255)
```
#ff302d
```
#ff302d rgb(255,48,45)
```
#2dff99
```
#2dff99 rgb(45,255,153)
```

Split Complementary Color

#302dff
```
#302dff rgb(48,45,255)
```
#ff302d
```
#ff302d rgb(255,48,45)
```
#2dff30
```
#2dff30 rgb(45,255,48)
```

Triadic Color

#ff2dfc
```
#ff2dfc rgb(255,45,252)
```
#ff302d
```
#ff302d rgb(255,48,45)
```
#2dff30
```
#2dff30 rgb(45,255,48)
```
#2dfcff
```
#2dfcff rgb(45,252,255)
```

Tetradic Color

#e00300
```
#e00300 rgb(224,3,0)
```
#f90400
```
#f90400 rgb(249,4,0)
```
#ff1714
```
#ff1714 rgb(255,23,20)
```
#ff302d
```
#ff302d rgb(255,48,45)
```
#ff4947
```
#ff4947 rgb(255,73,71)
```
#ff6260
```
#ff6260 rgb(255,98,96)
```
#ff7b7a
```
#ff7b7a rgb(255,123,122)
```

Monochromatic Color

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

#ff2d5f
```
#ff2d5f rgb(255,45,95)
```
#ff2d4d
```
#ff2d4d rgb(255,45,77)
```
#ff2d3c
```
#ff2d3c rgb(255,45,60)
```
#ff302d
```
#ff302d rgb(255,48,45)
```
#ff422d
```
#ff422d rgb(255,66,45)
```
#ff532d
```
#ff532d rgb(255,83,45)
```
#ff652d
```
#ff652d rgb(255,101,45)
```

Similar Colors

Text with hexadecimal color #ff302d

This text has a font color of #ff302d.

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

#ff302d background color

This paragraph has a background color of #ff302d.

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

#ff302d border color

This element has a border color of #ff302d.

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

CSS codes

.text {color:#ff302d;}

.background {background-color:#ff302d;}

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

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

#060000
```
#060000 rgb(6,0,0)
```
#190000
```
#190000 rgb(25,0,0)
```
#2d0100
```
#2d0100 rgb(45,1,0)
```
#410100
```
#410100 rgb(65,1,0)
```
#540100
```
#540100 rgb(84,1,0)
```
#680100
```
#680100 rgb(104,1,0)
```
#7b0200
```
#7b0200 rgb(123,2,0)
```
#8f0200
```
#8f0200 rgb(143,2,0)
```
#a30200
```
#a30200 rgb(163,2,0)
```
#b60300
```
#b60300 rgb(182,3,0)
```
#ca0300
```
#ca0300 rgb(202,3,0)
```
#de0300
```
#de0300 rgb(222,3,0)
```
#f10300
```
#f10300 rgb(241,3,0)
```

Shade Color Variation

#ff0906
```
#ff0906 rgb(255,9,6)
```
#ff1d19
```
#ff1d19 rgb(255,29,25)
```
#ff302d
```
#ff302d rgb(255,48,45)
```
#ff4341
```
#ff4341 rgb(255,67,65)
```
#ff5754
```
#ff5754 rgb(255,87,84)
```
#ff6a68
```
#ff6a68 rgb(255,106,104)
```
#ff7d7b
```
#ff7d7b rgb(255,125,123)
```
#ff918f
```
#ff918f rgb(255,145,143)
```
#ffa4a3
```
#ffa4a3 rgb(255,164,163)
```
#ffb7b6
```
#ffb7b6 rgb(255,183,182)
```
#ffcbca
```
#ffcbca rgb(255,203,202)
```
#ffdede
```
#ffdede rgb(255,222,222)
```
#fff1f1
```
#fff1f1 rgb(255,241,241)
```

Tint Color Variation

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

#9e8e8e
```
#9e8e8e rgb(158,142,142)
```
#a68686
```
#a68686 rgb(166,134,134)
```
#ae7e7e
```
#ae7e7e rgb(174,126,126)
```
#b67776
```
#b67776 rgb(182,119,118)
```
#be6f6e
```
#be6f6e rgb(190,111,110)
```
#c66766
```
#c66766 rgb(198,103,102)
```
#cf5f5d
```
#cf5f5d rgb(207,95,93)
```
#d75755
```
#d75755 rgb(215,87,85)
```
#df4f4d
```
#df4f4d rgb(223,79,77)
```
#e74845
```
#e74845 rgb(231,72,69)
```
#ef403d
```
#ef403d rgb(239,64,61)
```
#f73835
```
#f73835 rgb(247,56,53)
```
#ff302d
```
#ff302d rgb(255,48,45)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#8b6261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998b4b Protanopia 1% of men
#ae8522 Deuteranopia 1% of men
#ff3a3a Tritanopia 0.001% of the population

Trichromacy

#be6a40 Protanomaly 1% of men, 0.01% of women
#cb6626 Deuteranomaly 6% of men, 0.4% of women
#ff3635 Tritanomaly 0.01% of the population

#ff302d hex color

#ff302d Color Information

#ff302d Color Conversion

Color Schemes with #ff302d

Alternatives to #ff302d

#ff302d Preview

Shades and Tints of #ff302d

Tones of #ff302d

Color Blindness Simulator