#5f300c hex color

In a RGB color space, hex #5f300c is composed of 37.3% red, 18.8% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 87.4% yellow and 62.7% black. It has a hue angle of 26 degrees, a saturation of 77.6% and a lightness of 21%. #5f300c color hex could be obtained by blending #be6018 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 37
- G 19
- B 5
RGB color chart
- C 0
- M 49
- Y 87
- K 63
CMYK color chart

● #5f300c color description : Very dark orange [Brown tone].

The hexadecimal color #5f300c has RGB values of R:95, G:48, B:12 and CMYK values of C:0, M:0.49, Y:0.87, K:0.63. Its decimal value is 6238220.

Hex triplet	5f300c	`#5f300c`
RGB Decimal	95, 48, 12	`rgb(95,48,12)`
RGB Percent	37.3, 18.8, 4.7	`rgb(37.3%,18.8%,4.7%)`
CMYK	0, 49, 87, 63
HSL	26°, 77.6, 21	`hsl(26,77.6%,21%)`
HSV (or HSB)	26°, 87.4, 37.3
Web Safe	663300	`#663300`

CIE-LAB	25.484, 18.52, 30.737
XYZ	5.843, 4.574, 0.923
xyY	0.515, 0.403, 4.574
CIE-LCH	25.484, 35.885, 58.93
CIE-LUV	25.484, 34.727, 21.452
Hunter-Lab	21.387, 11.34, 12.412
Binary	01011111, 00110000, 00001100

#5f300c
```
#5f300c rgb(95,48,12)
```
#0c3b5f
```
#0c3b5f rgb(12,59,95)
```

Complementary Color

#5f0c12
```
#5f0c12 rgb(95,12,18)
```
#5f300c
```
#5f300c rgb(95,48,12)
```
#5f5a0c
```
#5f5a0c rgb(95,90,12)
```

Analogous Color

#0c125f
```
#0c125f rgb(12,18,95)
```
#5f300c
```
#5f300c rgb(95,48,12)
```
#0c5f5a
```
#0c5f5a rgb(12,95,90)
```

Split Complementary Color

#300c5f
```
#300c5f rgb(48,12,95)
```
#5f300c
```
#5f300c rgb(95,48,12)
```
#0c5f30
```
#0c5f30 rgb(12,95,48)
```

Triadic Color

#5f0c3b
```
#5f0c3b rgb(95,12,59)
```
#5f300c
```
#5f300c rgb(95,48,12)
```
#0c5f30
```
#0c5f30 rgb(12,95,48)
```
#0c3b5f
```
#0c3b5f rgb(12,59,95)
```

Tetradic Color

#1b0e03
```
#1b0e03 rgb(27,14,3)
```
#321906
```
#321906 rgb(50,25,6)
```
#482509
```
#482509 rgb(72,37,9)
```
#5f300c
```
#5f300c rgb(95,48,12)
```
#763b0f
```
#763b0f rgb(118,59,15)
```
#8c4712
```
#8c4712 rgb(140,71,18)
```
#a35215
```
#a35215 rgb(163,82,21)
```

Monochromatic Color

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

#5f1b0c
```
#5f1b0c rgb(95,27,12)
```
#5f220c
```
#5f220c rgb(95,34,12)
```
#5f290c
```
#5f290c rgb(95,41,12)
```
#5f300c
```
#5f300c rgb(95,48,12)
```
#5f370c
```
#5f370c rgb(95,55,12)
```
#5f3e0c
```
#5f3e0c rgb(95,62,12)
```
#5f450c
```
#5f450c rgb(95,69,12)
```

Similar Colors

Text with hexadecimal color #5f300c

This text has a font color of #5f300c.

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

#5f300c background color

This paragraph has a background color of #5f300c.

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

#5f300c border color

This element has a border color of #5f300c.

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

CSS codes

.text {color:#5f300c;}

.background {background-color:#5f300c;}

.border {border:1px solid #5f300c;}

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

#080401
```
#080401 rgb(8,4,1)
```
#190d03
```
#190d03 rgb(25,13,3)
```
#2b1605
```
#2b1605 rgb(43,22,5)
```
#3c1e08
```
#3c1e08 rgb(60,30,8)
```
#4e270a
```
#4e270a rgb(78,39,10)
```
#5f300c
```
#5f300c rgb(95,48,12)
```
#70390e
```
#70390e rgb(112,57,14)
```
#824210
```
#824210 rgb(130,66,16)
```
#934a13
```
#934a13 rgb(147,74,19)
```
#a55315
```
#a55315 rgb(165,83,21)
```
#b65c17
```
#b65c17 rgb(182,92,23)
```
#c76519
```
#c76519 rgb(199,101,25)
```
#d96e1b
```
#d96e1b rgb(217,110,27)
```

Shade Color Variation

#e37725
```
#e37725 rgb(227,119,37)
```
#e68236
```
#e68236 rgb(230,130,54)
```
#e88d47
```
#e88d47 rgb(232,141,71)
```
#ea9859
```
#ea9859 rgb(234,152,89)
```
#eca36a
```
#eca36a rgb(236,163,106)
```
#eead7c
```
#eead7c rgb(238,173,124)
```
#f1b88d
```
#f1b88d rgb(241,184,141)
```
#f3c39e
```
#f3c39e rgb(243,195,158)
```
#f5ceb0
```
#f5ceb0 rgb(245,206,176)
```
#f7d9c1
```
#f7d9c1 rgb(247,217,193)
```
#f9e3d3
```
#f9e3d3 rgb(249,227,211)
```
#fceee4
```
#fceee4 rgb(252,238,228)
```
#fef9f6
```
#fef9f6 rgb(254,249,246)
```

Tint Color Variation

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

#363535
```
#363535 rgb(54,53,53)
```
#3a3531
```
#3a3531 rgb(58,53,49)
```
#3e342d
```
#3e342d rgb(62,52,45)
```
#423429
```
#423429 rgb(66,52,41)
```
#463325
```
#463325 rgb(70,51,37)
```
#4a3321
```
#4a3321 rgb(74,51,33)
```
#4f321c
```
#4f321c rgb(79,50,28)
```
#533218
```
#533218 rgb(83,50,24)
```
#573114
```
#573114 rgb(87,49,20)
```
#5b3110
```
#5b3110 rgb(91,49,16)
```
#5f300c
```
#5f300c rgb(95,48,12)
```
#632f08
```
#632f08 rgb(99,47,8)
```
#672f04
```
#672f04 rgb(103,47,4)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#413831 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e461b Protanopia 1% of men
#574315 Deuteranopia 1% of men
#69373a Tritanopia 0.001% of the population

Trichromacy

#543e16 Protanomaly 1% of men, 0.01% of women
#5a3c11 Deuteranomaly 6% of men, 0.4% of women
#653429 Tritanomaly 0.01% of the population

#5f300c hex color

#5f300c Color Information

#5f300c Color Conversion

Color Schemes with #5f300c

Alternatives to #5f300c

#5f300c Preview

Shades and Tints of #5f300c

Tones of #5f300c

Color Blindness Simulator