colorhexa.com

#f60300 hex color

In a RGB color space, hex #f60300 is composed of 96.5% red, 1.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 100% yellow and 3.5% black. It has a hue angle of 0.7 degrees, a saturation of 100% and a lightness of 48.2%. #f60300 color hex could be obtained by blending #ff0600 with #ed0000. Closest websafe color is: #ff0000.

- R 96
- G 1
- B 0
RGB color chart
- C 0
- M 99
- Y 100
- K 4
CMYK color chart

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

The hexadecimal color #f60300 has RGB values of R:246, G:3, B:0 and CMYK values of C:0, M:0.99, Y:1, K:0.04. Its decimal value is 16122624.

Hex triplet	f60300	`#f60300`
RGB Decimal	246, 3, 0	`rgb(246,3,0)`
RGB Percent	96.5, 1.2, 0	`rgb(96.5%,1.2%,0%)`
CMYK	0, 99, 100, 4
HSL	0.7°, 100, 48.2	`hsl(0.7,100%,48.2%)`
HSV (or HSB)	0.7°, 100, 96.5
Web Safe	ff0000	`#ff0000`

CIE-LAB	51.454, 77.724, 65.422
XYZ	38.041, 19.663, 1.792
xyY	0.639, 0.33, 19.663
CIE-LCH	51.454, 101.593, 40.088
CIE-LUV	51.454, 168.471, 36.571
Hunter-Lab	44.343, 75.53, 28.643
Binary	11110110, 00000011, 00000000

#f60300
```
#f60300 rgb(246,3,0)
```
#00f3f6
```
#00f3f6 rgb(0,243,246)
```

Complementary Color

#f60078
```
#f60078 rgb(246,0,120)
```
#f60300
```
#f60300 rgb(246,3,0)
```
#f67e00
```
#f67e00 rgb(246,126,0)
```

Analogous Color

#0078f6
```
#0078f6 rgb(0,120,246)
```
#f60300
```
#f60300 rgb(246,3,0)
```
#00f67e
```
#00f67e rgb(0,246,126)
```

Split Complementary Color

#aa0200
```
#aa0200 rgb(170,2,0)
```
#c30200
```
#c30200 rgb(195,2,0)
```
#dd0300
```
#dd0300 rgb(221,3,0)
```
#f60300
```
#f60300 rgb(246,3,0)
```
#ff1311
```
#ff1311 rgb(255,19,17)
```
#ff2d2a
```
#ff2d2a rgb(255,45,42)
```
#ff4644
```
#ff4644 rgb(255,70,68)
```

Monochromatic Color

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

#f6003a
```
#f6003a rgb(246,0,58)
```
#f60026
```
#f60026 rgb(246,0,38)
```
#f60011
```
#f60011 rgb(246,0,17)
```
#f60300
```
#f60300 rgb(246,3,0)
```
#f61800
```
#f61800 rgb(246,24,0)
```
#f62c00
```
#f62c00 rgb(246,44,0)
```
#f64100
```
#f64100 rgb(246,65,0)
```

Similar Colors

Text with hexadecimal color #f60300

This text has a font color of #f60300.

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

#f60300 background color

This paragraph has a background color of #f60300.

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

#f60300 border color

This element has a border color of #f60300.

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

CSS codes

.text {color:#f60300;}

.background {background-color:#f60300;}

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

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

#0b0000
```
#0b0000 rgb(11,0,0)
```
#1e0000
```
#1e0000 rgb(30,0,0)
```
#320100
```
#320100 rgb(50,1,0)
```
#450100
```
#450100 rgb(69,1,0)
```
#590100
```
#590100 rgb(89,1,0)
```
#6d0100
```
#6d0100 rgb(109,1,0)
```
#800200
```
#800200 rgb(128,2,0)
```
#940200
```
#940200 rgb(148,2,0)
```
#a80200
```
#a80200 rgb(168,2,0)
```
#bb0200
```
#bb0200 rgb(187,2,0)
```
#cf0300
```
#cf0300 rgb(207,3,0)
```
#e20300
```
#e20300 rgb(226,3,0)
```
#f60300
```
#f60300 rgb(246,3,0)
```

Shade Color Variation

#ff0e0b
```
#ff0e0b rgb(255,14,11)
```
#ff211e
```
#ff211e rgb(255,33,30)
```
#ff3432
```
#ff3432 rgb(255,52,50)
```
#ff4845
```
#ff4845 rgb(255,72,69)
```
#ff5b59
```
#ff5b59 rgb(255,91,89)
```
#ff6e6d
```
#ff6e6d rgb(255,110,109)
```
#ff8280
```
#ff8280 rgb(255,130,128)
```
#ff9594
```
#ff9594 rgb(255,149,148)
```
#ffa9a8
```
#ffa9a8 rgb(255,169,168)
```
#ffbcbb
```
#ffbcbb rgb(255,188,187)
```
#ffcfcf
```
#ffcfcf rgb(255,207,207)
```
#ffe3e2
```
#ffe3e2 rgb(255,227,226)
```
#fff6f6
```
#fff6f6 rgb(255,246,246)
```

Tint Color Variation

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

#847272
```
#847272 rgb(132,114,114)
```
#8e6968
```
#8e6968 rgb(142,105,104)
```
#975f5f
```
#975f5f rgb(151,95,95)
```
#a15655
```
#a15655 rgb(161,86,85)
```
#aa4d4c
```
#aa4d4c rgb(170,77,76)
```
#b44442
```
#b44442 rgb(180,68,66)
```
#bd3a39
```
#bd3a39 rgb(189,58,57)
```
#c7312f
```
#c7312f rgb(199,49,47)
```
#d02826
```
#d02826 rgb(208,40,38)
```
#da1f1c
```
#da1f1c rgb(218,31,28)
```
#e31513
```
#e31513 rgb(227,21,19)
```
#ed0c09
```
#ed0c09 rgb(237,12,9)
```
#f60300
```
#f60300 rgb(246,3,0)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#6d3d3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#908122 Protanopia 1% of men
#a17b00 Deuteranopia 1% of men
#f51a00 Tritanopia 0.001% of the population

Trichromacy

#b55315 Protanomaly 1% of men, 0.01% of women
#c04f00 Deuteranomaly 6% of men, 0.4% of women
#f51200 Tritanomaly 0.01% of the population