#c06b30 hex color

In a RGB color space, hex #c06b30 is composed of 75.3% red, 42% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.3% magenta, 75% yellow and 24.7% black. It has a hue angle of 24.6 degrees, a saturation of 60% and a lightness of 47.1%. #c06b30 color hex could be obtained by blending #ffd660 with #810000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 75
- G 42
- B 19
RGB color chart
- C 0
- M 44
- Y 75
- K 25
CMYK color chart

● #c06b30 color description : Strong orange.

The hexadecimal color #c06b30 has RGB values of R:192, G:107, B:48 and CMYK values of C:0, M:0.44, Y:0.75, K:0.25. Its decimal value is 12610352.

Hex triplet	c06b30	`#c06b30`
RGB Decimal	192, 107, 48	`rgb(192,107,48)`
RGB Percent	75.3, 42, 18.8	`rgb(75.3%,42%,18.8%)`
CMYK	0, 44, 75, 25
HSL	24.6°, 60, 47.1	`hsl(24.6,60%,47.1%)`
HSV (or HSB)	24.6°, 75, 75.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.961, 29.267, 46.33
XYZ	27.53, 21.938, 5.581
xyY	0.5, 0.399, 21.938
CIE-LCH	53.961, 54.8, 57.719
CIE-LUV	53.961, 68.132, 42.449
Hunter-Lab	46.838, 22.953, 25.722
Binary	11000000, 01101011, 00110000

#c06b30
```
#c06b30 rgb(192,107,48)
```
#3085c0
```
#3085c0 rgb(48,133,192)
```

Complementary Color

#c0303d
```
#c0303d rgb(192,48,61)
```
#c06b30
```
#c06b30 rgb(192,107,48)
```
#c0b330
```
#c0b330 rgb(192,179,48)
```

Analogous Color

#303dc0
```
#303dc0 rgb(48,61,192)
```
#c06b30
```
#c06b30 rgb(192,107,48)
```
#30c0b3
```
#30c0b3 rgb(48,192,179)
```

Split Complementary Color

#6b30c0
```
#6b30c0 rgb(107,48,192)
```
#c06b30
```
#c06b30 rgb(192,107,48)
```
#30c06b
```
#30c06b rgb(48,192,107)
```

Triadic Color

#c03085
```
#c03085 rgb(192,48,133)
```
#c06b30
```
#c06b30 rgb(192,107,48)
```
#30c06b
```
#30c06b rgb(48,192,107)
```
#3085c0
```
#3085c0 rgb(48,133,192)
```

Tetradic Color

#834921
```
#834921 rgb(131,73,33)
```
#975426
```
#975426 rgb(151,84,38)
```
#ac602b
```
#ac602b rgb(172,96,43)
```
#c06b30
```
#c06b30 rgb(192,107,48)
```
#ce783b
```
#ce783b rgb(206,120,59)
```
#d38650
```
#d38650 rgb(211,134,80)
```
#d89464
```
#d89464 rgb(216,148,100)
```

Monochromatic Color

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

#c04730
```
#c04730 rgb(192,71,48)
```
#c05330
```
#c05330 rgb(192,83,48)
```
#c05f30
```
#c05f30 rgb(192,95,48)
```
#c06b30
```
#c06b30 rgb(192,107,48)
```
#c07730
```
#c07730 rgb(192,119,48)
```
#c08330
```
#c08330 rgb(192,131,48)
```
#c08f30
```
#c08f30 rgb(192,143,48)
```

Similar Colors

Text with hexadecimal color #c06b30

This text has a font color of #c06b30.

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

#c06b30 background color

This paragraph has a background color of #c06b30.

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

#c06b30 border color

This element has a border color of #c06b30.

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

CSS codes

.text {color:#c06b30;}

.background {background-color:#c06b30;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#130b05
```
#130b05 rgb(19,11,5)
```
#231409
```
#231409 rgb(35,20,9)
```
#331c0d
```
#331c0d rgb(51,28,13)
```
#422511
```
#422511 rgb(66,37,17)
```
#522e15
```
#522e15 rgb(82,46,21)
```
#623718
```
#623718 rgb(98,55,24)
```
#723f1c
```
#723f1c rgb(114,63,28)
```
#814820
```
#814820 rgb(129,72,32)
```
#915124
```
#915124 rgb(145,81,36)
```
#a15a28
```
#a15a28 rgb(161,90,40)
```
#b0622c
```
#b0622c rgb(176,98,44)
```
#c06b30
```
#c06b30 rgb(192,107,48)
```

Shade Color Variation

#cd7437
```
#cd7437 rgb(205,116,55)
```
#d17f46
```
#d17f46 rgb(209,127,70)
```
#d58a56
```
#d58a56 rgb(213,138,86)
```
#d99566
```
#d99566 rgb(217,149,102)
```
#dda075
```
#dda075 rgb(221,160,117)
```
#e1ab85
```
#e1ab85 rgb(225,171,133)
```
#e4b595
```
#e4b595 rgb(228,181,149)
```
#e8c0a5
```
#e8c0a5 rgb(232,192,165)
```
#eccbb4
```
#eccbb4 rgb(236,203,180)
```
#f0d6c4
```
#f0d6c4 rgb(240,214,196)
```
#f4e1d4
```
#f4e1d4 rgb(244,225,212)
```
#f8ece3
```
#f8ece3 rgb(248,236,227)
```
#fcf7f3
```
#fcf7f3 rgb(252,247,243)
```

Tint Color Variation

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

#7f7771
```
#7f7771 rgb(127,119,113)
```
#897567
```
#897567 rgb(137,117,103)
```
#92735e
```
#92735e rgb(146,115,94)
```
#9b7255
```
#9b7255 rgb(155,114,85)
```
#a4704c
```
#a4704c rgb(164,112,76)
```
#ae6e42
```
#ae6e42 rgb(174,110,66)
```
#b76d39
```
#b76d39 rgb(183,109,57)
```
#c06b30
```
#c06b30 rgb(192,107,48)
```
#c96927
```
#c96927 rgb(201,105,39)
```
#d2681e
```
#d2681e rgb(210,104,30)
```
#dc6614
```
#dc6614 rgb(220,102,20)
```
#e5640b
```
#e5640b rgb(229,100,11)
```
#ee6302
```
#ee6302 rgb(238,99,2)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8b7a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#958740 Protanopia 1% of men
#a78135 Deuteranopia 1% of men
#c66c73 Tritanopia 0.001% of the population

Trichromacy

#a57d3a Protanomaly 1% of men, 0.01% of women
#b07933 Deuteranomaly 6% of men, 0.4% of women
#c46b5a Tritanomaly 0.01% of the population

#c06b30 hex color

#c06b30 Color Information

#c06b30 Color Conversion

Color Schemes with #c06b30

Alternatives to #c06b30

#c06b30 Preview

Shades and Tints of #c06b30

Tones of #c06b30

Color Blindness Simulator