#ff330e hex color

In a RGB color space, hex #ff330e is composed of 100% red, 20% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 94.5% yellow and 0% black. It has a hue angle of 9.2 degrees, a saturation of 100% and a lightness of 52.7%. #ff330e color hex could be obtained by blending #ff661c 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

● #ff330e color description : Vivid red.

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

Hex triplet	ff330e	`#ff330e`
RGB Decimal	255, 51, 14	`rgb(255,51,14)`
RGB Percent	100, 20, 5.5	`rgb(100%,20%,5.5%)`
CMYK	0, 80, 95, 0
HSL	9.2°, 100, 52.7	`hsl(9.2,100%,52.7%)`
HSV (or HSB)	9.2°, 94.5, 100
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.751, 73.09, 65.062
XYZ	42.505, 23.665, 2.745
xyY	0.617, 0.343, 23.665
CIE-LCH	55.751, 97.853, 41.675
CIE-LUV	55.751, 160.337, 41.039
Hunter-Lab	48.646, 70.835, 30.707
Binary	11111111, 00110011, 00001110

#ff330e
```
#ff330e rgb(255,51,14)
```
#0edaff
```
#0edaff rgb(14,218,255)
```

Complementary Color

#ff0e62
```
#ff0e62 rgb(255,14,98)
```
#ff330e
```
#ff330e rgb(255,51,14)
```
#ffac0e
```
#ffac0e rgb(255,172,14)
```

Analogous Color

#0e61ff
```
#0e61ff rgb(14,97,255)
```
#ff330e
```
#ff330e rgb(255,51,14)
```
#0effac
```
#0effac rgb(14,255,172)
```

Split Complementary Color

#330eff
```
#330eff rgb(51,14,255)
```
#ff330e
```
#ff330e rgb(255,51,14)
```
#0eff33
```
#0eff33 rgb(14,255,51)
```

Triadic Color

#ff0eda
```
#ff0eda rgb(255,14,218)
```
#ff330e
```
#ff330e rgb(255,51,14)
```
#0eff33
```
#0eff33 rgb(14,255,51)
```
#0edaff
```
#0edaff rgb(14,218,255)
```

Tetradic Color

#c11e00
```
#c11e00 rgb(193,30,0)
```
#da2100
```
#da2100 rgb(218,33,0)
```
#f42500
```
#f42500 rgb(244,37,0)
```
#ff330e
```
#ff330e rgb(255,51,14)
```
#ff4928
```
#ff4928 rgb(255,73,40)
```
#ff5e41
```
#ff5e41 rgb(255,94,65)
```
#ff745b
```
#ff745b rgb(255,116,91)
```

Monochromatic Color

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

#ff0e25
```
#ff0e25 rgb(255,14,37)
```
#ff0e11
```
#ff0e11 rgb(255,14,17)
```
#ff1f0e
```
#ff1f0e rgb(255,31,14)
```
#ff330e
```
#ff330e rgb(255,51,14)
```
#ff470e
```
#ff470e rgb(255,71,14)
```
#ff5b0e
```
#ff5b0e rgb(255,91,14)
```
#ff6f0e
```
#ff6f0e rgb(255,111,14)
```

Similar Colors

Text with hexadecimal color #ff330e

This text has a font color of #ff330e.

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

#ff330e background color

This paragraph has a background color of #ff330e.

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

#ff330e border color

This element has a border color of #ff330e.

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

CSS codes

.text {color:#ff330e;}

.background {background-color:#ff330e;}

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

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

#0e0200
```
#0e0200 rgb(14,2,0)
```
#220500
```
#220500 rgb(34,5,0)
```
#350800
```
#350800 rgb(53,8,0)
```
#490b00
```
#490b00 rgb(73,11,0)
```
#5c0e00
```
#5c0e00 rgb(92,14,0)
```
#701100
```
#701100 rgb(112,17,0)
```
#841400
```
#841400 rgb(132,20,0)
```
#971700
```
#971700 rgb(151,23,0)
```
#ab1a00
```
#ab1a00 rgb(171,26,0)
```
#bf1d00
```
#bf1d00 rgb(191,29,0)
```
#d22000
```
#d22000 rgb(210,32,0)
```
#e62300
```
#e62300 rgb(230,35,0)
```
#f92600
```
#f92600 rgb(249,38,0)
```

Shade Color Variation

#ff330e
```
#ff330e rgb(255,51,14)
```
#ff4422
```
#ff4422 rgb(255,68,34)
```
#ff5435
```
#ff5435 rgb(255,84,53)
```
#ff6549
```
#ff6549 rgb(255,101,73)
```
#ff755c
```
#ff755c rgb(255,117,92)
```
#ff8670
```
#ff8670 rgb(255,134,112)
```
#ff9784
```
#ff9784 rgb(255,151,132)
```
#ffa797
```
#ffa797 rgb(255,167,151)
```
#ffb8ab
```
#ffb8ab rgb(255,184,171)
```
#ffc8bf
```
#ffc8bf rgb(255,200,191)
```
#ffd9d2
```
#ffd9d2 rgb(255,217,210)
```
#ffeae6
```
#ffeae6 rgb(255,234,230)
```
#fffaf9
```
#fffaf9 rgb(255,250,249)
```

Tint Color Variation

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

#90807d
```
#90807d rgb(144,128,125)
```
#997a74
```
#997a74 rgb(153,122,116)
```
#a2736b
```
#a2736b rgb(162,115,107)
```
#ac6d61
```
#ac6d61 rgb(172,109,97)
```
#b56658
```
#b56658 rgb(181,102,88)
```
#be604f
```
#be604f rgb(190,96,79)
```
#c75a46
```
#c75a46 rgb(199,90,70)
```
#d1533c
```
#d1533c rgb(209,83,60)
```
#da4d33
```
#da4d33 rgb(218,77,51)
```
#e3462a
```
#e3462a rgb(227,70,42)
```
#ec4021
```
#ec4021 rgb(236,64,33)
```
#f63917
```
#f63917 rgb(246,57,23)
```
#ff330e
```
#ff330e rgb(255,51,14)
```

Tone Color Variation

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

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

Trichromacy

#c06b21 Protanomaly 1% of men, 0.01% of women
#cb6705 Deuteranomaly 6% of men, 0.4% of women
#ff382b Tritanomaly 0.01% of the population

#ff330e hex color

#ff330e Color Information

#ff330e Color Conversion

Color Schemes with #ff330e

Alternatives to #ff330e

#ff330e Preview

Shades and Tints of #ff330e

Tones of #ff330e

Color Blindness Simulator