#cca343 hex color

In a RGB color space, hex #cca343 is composed of 80% red, 63.9% green and 26.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.1% magenta, 67.2% yellow and 20% black. It has a hue angle of 42 degrees, a saturation of 57.3% and a lightness of 53.1%. #cca343 color hex could be obtained by blending #ffff86 with #994700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 64
- B 26
RGB color chart
- C 0
- M 20
- Y 67
- K 20
CMYK color chart

● #cca343 color description : Moderate orange.

The hexadecimal color #cca343 has RGB values of R:204, G:163, B:67 and CMYK values of C:0, M:0.2, Y:0.67, K:0.2. Its decimal value is 13411139.

Hex triplet	cca343	`#cca343`
RGB Decimal	204, 163, 67	`rgb(204,163,67)`
RGB Percent	80, 63.9, 26.3	`rgb(80%,63.9%,26.3%)`
CMYK	0, 20, 67, 20
HSL	42°, 57.3, 53.1	`hsl(42,57.3%,53.1%)`
HSV (or HSB)	42°, 67.2, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.068, 4.914, 53.896
XYZ	39.013, 39.439, 10.868
xyY	0.437, 0.442, 39.439
CIE-LCH	69.068, 54.12, 84.791
CIE-LUV	69.068, 33.635, 60.044
Hunter-Lab	62.8, 0.987, 33.7
Binary	11001100, 10100011, 01000011

#cca343
```
#cca343 rgb(204,163,67)
```
#436ccc
```
#436ccc rgb(67,108,204)
```

Complementary Color

#cc5f43
```
#cc5f43 rgb(204,95,67)
```
#cca343
```
#cca343 rgb(204,163,67)
```
#b1cc43
```
#b1cc43 rgb(177,204,67)
```

Analogous Color

#5f43cc
```
#5f43cc rgb(95,67,204)
```
#cca343
```
#cca343 rgb(204,163,67)
```
#43b1cc
```
#43b1cc rgb(67,177,204)
```

Split Complementary Color

#a343cc
```
#a343cc rgb(163,67,204)
```
#cca343
```
#cca343 rgb(204,163,67)
```
#43cca3
```
#43cca3 rgb(67,204,163)
```

Triadic Color

#cc436c
```
#cc436c rgb(204,67,108)
```
#cca343
```
#cca343 rgb(204,163,67)
```
#43cca3
```
#43cca3 rgb(67,204,163)
```
#436ccc
```
#436ccc rgb(67,108,204)
```

Tetradic Color

#99782a
```
#99782a rgb(153,120,42)
```
#ad872f
```
#ad872f rgb(173,135,47)
```
#c19734
```
#c19734 rgb(193,151,52)
```
#cca343
```
#cca343 rgb(204,163,67)
```
#d1ad57
```
#d1ad57 rgb(209,173,87)
```
#d7b76b
```
#d7b76b rgb(215,183,107)
```
#dcc07f
```
#dcc07f rgb(220,192,127)
```

Monochromatic Color

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

#cc8143
```
#cc8143 rgb(204,129,67)
```
#cc8c43
```
#cc8c43 rgb(204,140,67)
```
#cc9843
```
#cc9843 rgb(204,152,67)
```
#cca343
```
#cca343 rgb(204,163,67)
```
#ccae43
```
#ccae43 rgb(204,174,67)
```
#ccba43
```
#ccba43 rgb(204,186,67)
```
#ccc543
```
#ccc543 rgb(204,197,67)
```

Similar Colors

Text with hexadecimal color #cca343

This text has a font color of #cca343.

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

#cca343 background color

This paragraph has a background color of #cca343.

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

#cca343 border color

This element has a border color of #cca343.

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

CSS codes

.text {color:#cca343;}

.background {background-color:#cca343;}

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

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

#0d0a03
```
#0d0a03 rgb(13,10,3)
```
#1c1608
```
#1c1608 rgb(28,22,8)
```
#2b220c
```
#2b220c rgb(43,34,12)
```
#3b2e10
```
#3b2e10 rgb(59,46,16)
```
#4a3a14
```
#4a3a14 rgb(74,58,20)
```
#5a4618
```
#5a4618 rgb(90,70,24)
```
#69521d
```
#69521d rgb(105,82,29)
```
#795e21
```
#795e21 rgb(121,94,33)
```
#886a25
```
#886a25 rgb(136,106,37)
```
#977629
```
#977629 rgb(151,118,41)
```
#a7822d
```
#a7822d rgb(167,130,45)
```
#b68f31
```
#b68f31 rgb(182,143,49)
```
#c69b36
```
#c69b36 rgb(198,155,54)
```

Shade Color Variation

#cca343
```
#cca343 rgb(204,163,67)
```
#d0ab52
```
#d0ab52 rgb(208,171,82)
```
#d4b262
```
#d4b262 rgb(212,178,98)
```
#d9ba71
```
#d9ba71 rgb(217,186,113)
```
#ddc181
```
#ddc181 rgb(221,193,129)
```
#e1c990
```
#e1c990 rgb(225,201,144)
```
#e5d0a0
```
#e5d0a0 rgb(229,208,160)
```
#e9d8af
```
#e9d8af rgb(233,216,175)
```
#eddfbe
```
#eddfbe rgb(237,223,190)
```
#f2e7ce
```
#f2e7ce rgb(242,231,206)
```
#f6efdd
```
#f6efdd rgb(246,239,221)
```
#faf6ed
```
#faf6ed rgb(250,246,237)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#8c8983
```
#8c8983 rgb(140,137,131)
```
#958d7a
```
#958d7a rgb(149,141,122)
```
#9e9171
```
#9e9171 rgb(158,145,113)
```
#a79468
```
#a79468 rgb(167,148,104)
```
#b0985f
```
#b0985f rgb(176,152,95)
```
#ba9c55
```
#ba9c55 rgb(186,156,85)
```
#c39f4c
```
#c39f4c rgb(195,159,76)
```
#cca343
```
#cca343 rgb(204,163,67)
```
#d5a73a
```
#d5a73a rgb(213,167,58)
```
#deaa31
```
#deaa31 rgb(222,170,49)
```
#e8ae27
```
#e8ae27 rgb(232,174,39)
```
#f1b21e
```
#f1b21e rgb(241,178,30)
```
#fab515
```
#fab515 rgb(250,181,21)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#aca491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfad4e Protanopia 1% of men
#d4a54d Deuteranopia 1% of men
#d69ea9 Tritanopia 0.001% of the population

Trichromacy

#c4a94a Protanomaly 1% of men, 0.01% of women
#d1a449 Deuteranomaly 6% of men, 0.4% of women
#d29f83 Tritanomaly 0.01% of the population

#cca343 hex color

#cca343 Color Information

#cca343 Color Conversion

Color Schemes with #cca343

Alternatives to #cca343

#cca343 Preview

Shades and Tints of #cca343

Tones of #cca343

Color Blindness Simulator