#ff330d hex color

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

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

● #ff330d color description : Vivid red.

The hexadecimal color #ff330d has RGB values of R:255, G:51, B:13 and CMYK values of C:0, M:0.8, Y:0.95, K:0. Its decimal value is 16724749.

Hex triplet	ff330d	`#ff330d`
RGB Decimal	255, 51, 13	`rgb(255,51,13)`
RGB Percent	100, 20, 5.1	`rgb(100%,20%,5.1%)`
CMYK	0, 80, 95, 0
HSL	9.4°, 100, 52.5	`hsl(9.4,100%,52.5%)`
HSV (or HSB)	9.4°, 94.9, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.748, 73.081, 65.307
XYZ	42.499, 23.662, 2.71
xyY	0.617, 0.344, 23.662
CIE-LCH	55.748, 98.01, 41.785
CIE-LUV	55.748, 160.395, 41.136
Hunter-Lab	48.644, 70.824, 30.747
Binary	11111111, 00110011, 00001101

#ff330d
```
#ff330d rgb(255,51,13)
```
#0dd9ff
```
#0dd9ff rgb(13,217,255)
```

Complementary Color

#ff0d60
```
#ff0d60 rgb(255,13,96)
```
#ff330d
```
#ff330d rgb(255,51,13)
```
#ffac0d
```
#ffac0d rgb(255,172,13)
```

Analogous Color

#0d60ff
```
#0d60ff rgb(13,96,255)
```
#ff330d
```
#ff330d rgb(255,51,13)
```
#0dffac
```
#0dffac rgb(13,255,172)
```

Split Complementary Color

#330dff
```
#330dff rgb(51,13,255)
```
#ff330d
```
#ff330d rgb(255,51,13)
```
#0dff33
```
#0dff33 rgb(13,255,51)
```

Triadic Color

#ff0dd9
```
#ff0dd9 rgb(255,13,217)
```
#ff330d
```
#ff330d rgb(255,51,13)
```
#0dff33
```
#0dff33 rgb(13,255,51)
```
#0dd9ff
```
#0dd9ff rgb(13,217,255)
```

Tetradic Color

#c01e00
```
#c01e00 rgb(192,30,0)
```
#d92200
```
#d92200 rgb(217,34,0)
```
#f32600
```
#f32600 rgb(243,38,0)
```
#ff330d
```
#ff330d rgb(255,51,13)
```
#ff4827
```
#ff4827 rgb(255,72,39)
```
#ff5e40
```
#ff5e40 rgb(255,94,64)
```
#ff735a
```
#ff735a rgb(255,115,90)
```

Monochromatic Color

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

#ff0d24
```
#ff0d24 rgb(255,13,36)
```
#ff0d0f
```
#ff0d0f rgb(255,13,15)
```
#ff1f0d
```
#ff1f0d rgb(255,31,13)
```
#ff330d
```
#ff330d rgb(255,51,13)
```
#ff470d
```
#ff470d rgb(255,71,13)
```
#ff5b0d
```
#ff5b0d rgb(255,91,13)
```
#ff700d
```
#ff700d rgb(255,112,13)
```

Similar Colors

Text with hexadecimal color #ff330d

This text has a font color of #ff330d.

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

#ff330d background color

This paragraph has a background color of #ff330d.

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

#ff330d border color

This element has a border color of #ff330d.

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

CSS codes

.text {color:#ff330d;}

.background {background-color:#ff330d;}

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

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

#0d0200
```
#0d0200 rgb(13,2,0)
```
#210500
```
#210500 rgb(33,5,0)
```
#340800
```
#340800 rgb(52,8,0)
```
#480b00
```
#480b00 rgb(72,11,0)
```
#5b0e00
```
#5b0e00 rgb(91,14,0)
```
#6f1100
```
#6f1100 rgb(111,17,0)
```
#831500
```
#831500 rgb(131,21,0)
```
#961800
```
#961800 rgb(150,24,0)
```
#aa1b00
```
#aa1b00 rgb(170,27,0)
```
#be1e00
```
#be1e00 rgb(190,30,0)
```
#d12100
```
#d12100 rgb(209,33,0)
```
#e52400
```
#e52400 rgb(229,36,0)
```
#f82700
```
#f82700 rgb(248,39,0)
```

Shade Color Variation

#ff330d
```
#ff330d rgb(255,51,13)
```
#ff4421
```
#ff4421 rgb(255,68,33)
```
#ff5434
```
#ff5434 rgb(255,84,52)
```
#ff6548
```
#ff6548 rgb(255,101,72)
```
#ff755b
```
#ff755b rgb(255,117,91)
```
#ff866f
```
#ff866f rgb(255,134,111)
```
#ff9683
```
#ff9683 rgb(255,150,131)
```
#ffa796
```
#ffa796 rgb(255,167,150)
```
#ffb7aa
```
#ffb7aa rgb(255,183,170)
```
#ffc8be
```
#ffc8be rgb(255,200,190)
```
#ffd8d1
```
#ffd8d1 rgb(255,216,209)
```
#ffe9e5
```
#ffe9e5 rgb(255,233,229)
```
#fff9f8
```
#fff9f8 rgb(255,249,248)
```

Tint Color Variation

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

#8f807d
```
#8f807d rgb(143,128,125)
```
#997973
```
#997973 rgb(153,121,115)
```
#a2736a
```
#a2736a rgb(162,115,106)
```
#ab6c61
```
#ab6c61 rgb(171,108,97)
```
#b56657
```
#b56657 rgb(181,102,87)
```
#be604e
```
#be604e rgb(190,96,78)
```
#c75945
```
#c75945 rgb(199,89,69)
```
#d0533c
```
#d0533c rgb(208,83,60)
```
#da4d32
```
#da4d32 rgb(218,77,50)
```
#e34629
```
#e34629 rgb(227,70,41)
```
#ec4020
```
#ec4020 rgb(236,64,32)
```
#f63916
```
#f63916 rgb(246,57,22)
```
#ff330d
```
#ff330d rgb(255,51,13)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#896159 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8c2b Protanopia 1% of men
#ae8500 Deuteranopia 1% of men
#ff3b3b Tritanopia 0.001% of the population

Trichromacy

#c06b20 Protanomaly 1% of men, 0.01% of women
#cb6704 Deuteranomaly 6% of men, 0.4% of women
#ff382a Tritanomaly 0.01% of the population

#ff330d hex color

#ff330d Color Information

#ff330d Color Conversion

Color Schemes with #ff330d

Alternatives to #ff330d

#ff330d Preview

Shades and Tints of #ff330d

Tones of #ff330d

Color Blindness Simulator