#5f300a hex color

In a RGB color space, hex #5f300a is composed of 37.3% red, 18.8% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 89.5% yellow and 62.7% black. It has a hue angle of 26.8 degrees, a saturation of 81% and a lightness of 20.6%. #5f300a color hex could be obtained by blending #be6014 with #000000. Closest websafe color is: #663300.

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

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

The hexadecimal color #5f300a has RGB values of R:95, G:48, B:10 and CMYK values of C:0, M:0.49, Y:0.89, K:0.63. Its decimal value is 6238218.

Hex triplet	5f300a	`#5f300a`
RGB Decimal	95, 48, 10	`rgb(95,48,10)`
RGB Percent	37.3, 18.8, 3.9	`rgb(37.3%,18.8%,3.9%)`
CMYK	0, 49, 89, 63
HSL	26.8°, 81, 20.6	`hsl(26.8,81%,20.6%)`
HSV (or HSB)	26.8°, 89.5, 37.3
Web Safe	663300	`#663300`

CIE-LAB	25.47, 18.45, 31.585
XYZ	5.831, 4.569, 0.862
xyY	0.518, 0.406, 4.569
CIE-LCH	25.47, 36.579, 59.709
CIE-LUV	25.47, 34.852, 21.866
Hunter-Lab	21.376, 11.287, 12.572
Binary	01011111, 00110000, 00001010

#5f300a
```
#5f300a rgb(95,48,10)
```
#0a395f
```
#0a395f rgb(10,57,95)
```

Complementary Color

#5f0a0f
```
#5f0a0f rgb(95,10,15)
```
#5f300a
```
#5f300a rgb(95,48,10)
```
#5f5b0a
```
#5f5b0a rgb(95,91,10)
```

Analogous Color

#0a0f5f
```
#0a0f5f rgb(10,15,95)
```
#5f300a
```
#5f300a rgb(95,48,10)
```
#0a5f5b
```
#0a5f5b rgb(10,95,91)
```

Split Complementary Color

#300a5f
```
#300a5f rgb(48,10,95)
```
#5f300a
```
#5f300a rgb(95,48,10)
```
#0a5f30
```
#0a5f30 rgb(10,95,48)
```

Triadic Color

#5f0a39
```
#5f0a39 rgb(95,10,57)
```
#5f300a
```
#5f300a rgb(95,48,10)
```
#0a5f30
```
#0a5f30 rgb(10,95,48)
```
#0a395f
```
#0a395f rgb(10,57,95)
```

Tetradic Color

#1a0d03
```
#1a0d03 rgb(26,13,3)
```
#311905
```
#311905 rgb(49,25,5)
```
#482408
```
#482408 rgb(72,36,8)
```
#5f300a
```
#5f300a rgb(95,48,10)
```
#763c0c
```
#763c0c rgb(118,60,12)
```
#8d470f
```
#8d470f rgb(141,71,15)
```
#a45311
```
#a45311 rgb(164,83,17)
```

Monochromatic Color

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

#5f1b0a
```
#5f1b0a rgb(95,27,10)
```
#5f220a
```
#5f220a rgb(95,34,10)
```
#5f290a
```
#5f290a rgb(95,41,10)
```
#5f300a
```
#5f300a rgb(95,48,10)
```
#5f370a
```
#5f370a rgb(95,55,10)
```
#5f3e0a
```
#5f3e0a rgb(95,62,10)
```
#5f450a
```
#5f450a rgb(95,69,10)
```

Similar Colors

Text with hexadecimal color #5f300a

This text has a font color of #5f300a.

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

#5f300a background color

This paragraph has a background color of #5f300a.

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

#5f300a border color

This element has a border color of #5f300a.

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

CSS codes

.text {color:#5f300a;}

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

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

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

#060301
```
#060301 rgb(6,3,1)
```
#180c03
```
#180c03 rgb(24,12,3)
```
#2a1504
```
#2a1504 rgb(42,21,4)
```
#3c1e06
```
#3c1e06 rgb(60,30,6)
```
#4d2708
```
#4d2708 rgb(77,39,8)
```
#5f300a
```
#5f300a rgb(95,48,10)
```
#71390c
```
#71390c rgb(113,57,12)
```
#82420e
```
#82420e rgb(130,66,14)
```
#944b10
```
#944b10 rgb(148,75,16)
```
#a65411
```
#a65411 rgb(166,84,17)
```
#b85d13
```
#b85d13 rgb(184,93,19)
```
#c96615
```
#c96615 rgb(201,102,21)
```
#db6f17
```
#db6f17 rgb(219,111,23)
```

Shade Color Variation

#e7781f
```
#e7781f rgb(231,120,31)
```
#e98330
```
#e98330 rgb(233,131,48)
```
#eb8e42
```
#eb8e42 rgb(235,142,66)
```
#ed9854
```
#ed9854 rgb(237,152,84)
```
#efa366
```
#efa366 rgb(239,163,102)
```
#f1ae77
```
#f1ae77 rgb(241,174,119)
```
#f3b889
```
#f3b889 rgb(243,184,137)
```
#f4c39b
```
#f4c39b rgb(244,195,155)
```
#f6cead
```
#f6cead rgb(246,206,173)
```
#f8d8be
```
#f8d8be rgb(248,216,190)
```
#fae3d0
```
#fae3d0 rgb(250,227,208)
```
#fcede2
```
#fcede2 rgb(252,237,226)
```
#fef8f4
```
#fef8f4 rgb(254,248,244)
```

Tint Color Variation

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

#373432
```
#373432 rgb(55,52,50)
```
#3b342e
```
#3b342e rgb(59,52,46)
```
#3f332a
```
#3f332a rgb(63,51,42)
```
#433326
```
#433326 rgb(67,51,38)
```
#473322
```
#473322 rgb(71,51,34)
```
#4b321e
```
#4b321e rgb(75,50,30)
```
#4f321a
```
#4f321a rgb(79,50,26)
```
#533116
```
#533116 rgb(83,49,22)
```
#573112
```
#573112 rgb(87,49,18)
```
#5b300e
```
#5b300e rgb(91,48,14)
```
#5f300a
```
#5f300a rgb(95,48,10)
```
#633006
```
#633006 rgb(99,48,6)
```
#672f02
```
#672f02 rgb(103,47,2)
```

Tone Color Variation

Below, you can see how #5f300a 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
#413830 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e4619 Protanopia 1% of men
#574312 Deuteranopia 1% of men
#69373a Tritanopia 0.001% of the population

Trichromacy

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

#5f300a hex color

#5f300a Color Information

#5f300a Color Conversion

Color Schemes with #5f300a

Alternatives to #5f300a

#5f300a Preview

Shades and Tints of #5f300a

Tones of #5f300a

Color Blindness Simulator