colorhexa.com

#f38400 hex color

In a RGB color space, hex #f38400 is composed of 95.3% red, 51.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 100% yellow and 4.7% black. It has a hue angle of 32.6 degrees, a saturation of 100% and a lightness of 47.6%. #f38400 color hex could be obtained by blending #ffff00 with #e70900. Closest websafe color is: #ff9900.

- R 95
- G 52
- B 0
RGB color chart
- C 0
- M 46
- Y 100
- K 5
CMYK color chart

● #f38400 color description : Pure (or mostly pure) orange.

The hexadecimal color #f38400 has RGB values of R:243, G:132, B:0 and CMYK values of C:0, M:0.46, Y:1, K:0.05. Its decimal value is 15959040.

Hex triplet	f38400	`#f38400`
RGB Decimal	243, 132, 0	`rgb(243,132,0)`
RGB Percent	95.3, 51.8, 0	`rgb(95.3%,51.8%,0%)`
CMYK	0, 46, 100, 5
HSL	32.6°, 100, 47.6	`hsl(32.6,100%,47.6%)`
HSV (or HSB)	32.6°, 100, 95.3
Web Safe	ff9900	`#ff9900`

CIE-LAB	66.183, 36.079, 72.635
XYZ	45.215, 35.561, 4.483
xyY	0.53, 0.417, 35.561
CIE-LCH	66.183, 81.102, 63.585
CIE-LUV	66.183, 92.598, 62.133
Hunter-Lab	59.633, 30.984, 37.286
Binary	11110011, 10000100, 00000000

#f38400
```
#f38400 rgb(243,132,0)
```
#006ff3
```
#006ff3 rgb(0,111,243)
```

Complementary Color

#f30b00
```
#f30b00 rgb(243,11,0)
```
#f38400
```
#f38400 rgb(243,132,0)
```
#e9f300
```
#e9f300 rgb(233,243,0)
```

Analogous Color

#0b00f3
```
#0b00f3 rgb(11,0,243)
```
#f38400
```
#f38400 rgb(243,132,0)
```
#00e9f3
```
#00e9f3 rgb(0,233,243)
```

Split Complementary Color

#8400f3
```
#8400f3 rgb(132,0,243)
```
#f38400
```
#f38400 rgb(243,132,0)
```
#00f384
```
#00f384 rgb(0,243,132)
```

Triadic Color

#a75a00
```
#a75a00 rgb(167,90,0)
```
#c06800
```
#c06800 rgb(192,104,0)
```
#da7600
```
#da7600 rgb(218,118,0)
```
#f38400
```
#f38400 rgb(243,132,0)
```
#ff910e
```
#ff910e rgb(255,145,14)
```
#ff9c27
```
#ff9c27 rgb(255,156,39)
```
#ffa841
```
#ffa841 rgb(255,168,65)
```

Monochromatic Color

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

#f34700
```
#f34700 rgb(243,71,0)
```
#f35c00
```
#f35c00 rgb(243,92,0)
```
#f37000
```
#f37000 rgb(243,112,0)
```
#f38400
```
#f38400 rgb(243,132,0)
```
#f39800
```
#f39800 rgb(243,152,0)
```
#f3ad00
```
#f3ad00 rgb(243,173,0)
```
#f3c100
```
#f3c100 rgb(243,193,0)
```

Similar Colors

Text with hexadecimal color #f38400

This text has a font color of #f38400.

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

#f38400 background color

This paragraph has a background color of #f38400.

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

#f38400 border color

This element has a border color of #f38400.

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

CSS codes

.text {color:#f38400;}

.background {background-color:#f38400;}

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

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

#080400
```
#080400 rgb(8,4,0)
```
#1b0f00
```
#1b0f00 rgb(27,15,0)
```
#2f1900
```
#2f1900 rgb(47,25,0)
```
#422400
```
#422400 rgb(66,36,0)
```
#562f00
```
#562f00 rgb(86,47,0)
```
#6a3900
```
#6a3900 rgb(106,57,0)
```
#7d4400
```
#7d4400 rgb(125,68,0)
```
#914f00
```
#914f00 rgb(145,79,0)
```
#a55900
```
#a55900 rgb(165,89,0)
```
#b86400
```
#b86400 rgb(184,100,0)
```
#cc6f00
```
#cc6f00 rgb(204,111,0)
```
#df7900
```
#df7900 rgb(223,121,0)
```
#f38400
```
#f38400 rgb(243,132,0)
```

Shade Color Variation

#ff8e08
```
#ff8e08 rgb(255,142,8)
```
#ff971b
```
#ff971b rgb(255,151,27)
```
#ffa02f
```
#ffa02f rgb(255,160,47)
```
#ffa942
```
#ffa942 rgb(255,169,66)
```
#ffb256
```
#ffb256 rgb(255,178,86)
```
#ffbb6a
```
#ffbb6a rgb(255,187,106)
```
#ffc47d
```
#ffc47d rgb(255,196,125)
```
#ffcd91
```
#ffcd91 rgb(255,205,145)
```
#ffd6a5
```
#ffd6a5 rgb(255,214,165)
```
#ffdfb8
```
#ffdfb8 rgb(255,223,184)
```
#ffe8cc
```
#ffe8cc rgb(255,232,204)
```
#fff1df
```
#fff1df rgb(255,241,223)
```
#fffaf3
```
#fffaf3 rgb(255,250,243)
```

Tint Color Variation

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

#837a70
```
#837a70 rgb(131,122,112)
```
#8c7b67
```
#8c7b67 rgb(140,123,103)
```
#967c5d
```
#967c5d rgb(150,124,93)
```
#9f7d54
```
#9f7d54 rgb(159,125,84)
```
#a87e4b
```
#a87e4b rgb(168,126,75)
```
#b27e41
```
#b27e41 rgb(178,126,65)
```
#bb7f38
```
#bb7f38 rgb(187,127,56)
```
#c4802f
```
#c4802f rgb(196,128,47)
```
#ce8125
```
#ce8125 rgb(206,129,37)
```
#d7821c
```
#d7821c rgb(215,130,28)
```
#e08213
```
#e08213 rgb(224,130,19)
```
#ea8309
```
#ea8309 rgb(234,131,9)
```
#f38400
```
#f38400 rgb(243,132,0)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a99278 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a617 Protanopia 1% of men
#cf9d00 Deuteranopia 1% of men
#f88189 Tritanopia 0.001% of the population

Trichromacy

#ce990e Protanomaly 1% of men, 0.01% of women
#dc9400 Deuteranomaly 6% of men, 0.4% of women
#f68257 Tritanomaly 0.01% of the population