#f23400 hex color

In a RGB color space, hex #f23400 is composed of 94.9% red, 20.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.5% magenta, 100% yellow and 5.1% black. It has a hue angle of 12.9 degrees, a saturation of 100% and a lightness of 47.5%. #f23400 color hex could be obtained by blending #ff6800 with #e50000. Closest websafe color is: #ff3300.

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

● #f23400 color description : Pure (or mostly pure) red.

The hexadecimal color #f23400 has RGB values of R:242, G:52, B:0 and CMYK values of C:0, M:0.79, Y:1, K:0.05. Its decimal value is 15873024.

Hex triplet	f23400	`#f23400`
RGB Decimal	242, 52, 0	`rgb(242,52,0)`
RGB Percent	94.9, 20.4, 0	`rgb(94.9%,20.4%,0%)`
CMYK	0, 79, 100, 5
HSL	12.9°, 100, 47.5	`hsl(12.9,100%,47.5%)`
HSV (or HSB)	12.9°, 100, 94.9
Web Safe	ff3300	`#ff3300`

CIE-LAB	53.318, 69.068, 65.658
XYZ	37.848, 21.338, 2.126
xyY	0.617, 0.348, 21.338
CIE-LCH	53.318, 95.297, 43.55
CIE-LUV	53.318, 150.917, 40.772
Hunter-Lab	46.193, 65.415, 29.607
Binary	11110010, 00110100, 00000000

#f23400
```
#f23400 rgb(242,52,0)
```
#00bef2
```
#00bef2 rgb(0,190,242)
```

Complementary Color

#f20045
```
#f20045 rgb(242,0,69)
```
#f23400
```
#f23400 rgb(242,52,0)
```
#f2ad00
```
#f2ad00 rgb(242,173,0)
```

Analogous Color

#0045f2
```
#0045f2 rgb(0,69,242)
```
#f23400
```
#f23400 rgb(242,52,0)
```
#00f2ad
```
#00f2ad rgb(0,242,173)
```

Split Complementary Color

#3400f2
```
#3400f2 rgb(52,0,242)
```
#f23400
```
#f23400 rgb(242,52,0)
```
#00f234
```
#00f234 rgb(0,242,52)
```

Triadic Color

#f200be
```
#f200be rgb(242,0,190)
```
#f23400
```
#f23400 rgb(242,52,0)
```
#00f234
```
#00f234 rgb(0,242,52)
```
#00bef2
```
#00bef2 rgb(0,190,242)
```

Tetradic Color

#a62400
```
#a62400 rgb(166,36,0)
```
#bf2900
```
#bf2900 rgb(191,41,0)
```
#d92f00
```
#d92f00 rgb(217,47,0)
```
#f23400
```
#f23400 rgb(242,52,0)
```
#ff410d
```
#ff410d rgb(255,65,13)
```
#ff5526
```
#ff5526 rgb(255,85,38)
```
#ff6940
```
#ff6940 rgb(255,105,64)
```

Monochromatic Color

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

#f20009
```
#f20009 rgb(242,0,9)
```
#f20c00
```
#f20c00 rgb(242,12,0)
```
#f22000
```
#f22000 rgb(242,32,0)
```
#f23400
```
#f23400 rgb(242,52,0)
```
#f24800
```
#f24800 rgb(242,72,0)
```
#f25c00
```
#f25c00 rgb(242,92,0)
```
#f27100
```
#f27100 rgb(242,113,0)
```

Similar Colors

Text with hexadecimal color #f23400

This text has a font color of #f23400.

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

#f23400 background color

This paragraph has a background color of #f23400.

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

#f23400 border color

This element has a border color of #f23400.

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

CSS codes

.text {color:#f23400;}

.background {background-color:#f23400;}

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

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

#070100
```
#070100 rgb(7,1,0)
```
#1a0600
```
#1a0600 rgb(26,6,0)
```
#2e0a00
```
#2e0a00 rgb(46,10,0)
```
#410e00
```
#410e00 rgb(65,14,0)
```
#551200
```
#551200 rgb(85,18,0)
```
#691600
```
#691600 rgb(105,22,0)
```
#7c1b00
```
#7c1b00 rgb(124,27,0)
```
#901f00
```
#901f00 rgb(144,31,0)
```
#a42300
```
#a42300 rgb(164,35,0)
```
#b72700
```
#b72700 rgb(183,39,0)
```
#cb2c00
```
#cb2c00 rgb(203,44,0)
```
#de3000
```
#de3000 rgb(222,48,0)
```
#f23400
```
#f23400 rgb(242,52,0)
```

Shade Color Variation

#ff3c07
```
#ff3c07 rgb(255,60,7)
```
#ff4b1a
```
#ff4b1a rgb(255,75,26)
```
#ff5b2e
```
#ff5b2e rgb(255,91,46)
```
#ff6a41
```
#ff6a41 rgb(255,106,65)
```
#ff7a55
```
#ff7a55 rgb(255,122,85)
```
#ff8969
```
#ff8969 rgb(255,137,105)
```
#ff987c
```
#ff987c rgb(255,152,124)
```
#ffa890
```
#ffa890 rgb(255,168,144)
```
#ffb7a4
```
#ffb7a4 rgb(255,183,164)
```
#ffc7b7
```
#ffc7b7 rgb(255,199,183)
```
#ffd6cb
```
#ffd6cb rgb(255,214,203)
```
#ffe5de
```
#ffe5de rgb(255,229,222)
```
#fff5f2
```
#fff5f2 rgb(255,245,242)
```

Tint Color Variation

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

#827470
```
#827470 rgb(130,116,112)
```
#8c6e66
```
#8c6e66 rgb(140,110,102)
```
#95695d
```
#95695d rgb(149,105,93)
```
#9e6454
```
#9e6454 rgb(158,100,84)
```
#a85e4a
```
#a85e4a rgb(168,94,74)
```
#b15941
```
#b15941 rgb(177,89,65)
```
#ba5438
```
#ba5438 rgb(186,84,56)
```
#c34f2f
```
#c34f2f rgb(195,79,47)
```
#cd4925
```
#cd4925 rgb(205,73,37)
```
#d6441c
```
#d6441c rgb(214,68,28)
```
#df3f13
```
#df3f13 rgb(223,63,19)
```
#e93909
```
#e93909 rgb(233,57,9)
```
#f23400
```
#f23400 rgb(242,52,0)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#835d52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96861e Protanopia 1% of men
#a77f00 Deuteranopia 1% of men
#f33a3b Tritanopia 0.001% of the population

Trichromacy

#b76813 Protanomaly 1% of men, 0.01% of women
#c26400 Deuteranomaly 6% of men, 0.4% of women
#f23825 Tritanomaly 0.01% of the population

#f23400 hex color

#f23400 Color Information

#f23400 Color Conversion

Color Schemes with #f23400

Alternatives to #f23400

#f23400 Preview

Shades and Tints of #f23400

Tones of #f23400

Color Blindness Simulator