#ca7c21 hex color

In a RGB color space, hex #ca7c21 is composed of 79.2% red, 48.6% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.6% magenta, 83.7% yellow and 20.8% black. It has a hue angle of 32.3 degrees, a saturation of 71.9% and a lightness of 46.1%. #ca7c21 color hex could be obtained by blending #fff842 with #950000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 79
- G 49
- B 13
RGB color chart
- C 0
- M 39
- Y 84
- K 21
CMYK color chart

● #ca7c21 color description : Strong orange.

The hexadecimal color #ca7c21 has RGB values of R:202, G:124, B:33 and CMYK values of C:0, M:0.39, Y:0.84, K:0.21. Its decimal value is 13270049.

Hex triplet	ca7c21	`#ca7c21`
RGB Decimal	202, 124, 33	`rgb(202,124,33)`
RGB Percent	79.2, 48.6, 12.9	`rgb(79.2%,48.6%,12.9%)`
CMYK	0, 39, 84, 21
HSL	32.3°, 71.9, 46.1	`hsl(32.3,71.9%,46.1%)`
HSV (or HSB)	32.3°, 83.7, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	59.052, 23.755, 57.83
XYZ	31.84, 27.084, 4.99
xyY	0.498, 0.424, 27.084
CIE-LCH	59.052, 62.519, 67.668
CIE-LUV	59.052, 63.921, 53.487
Hunter-Lab	52.042, 18.134, 30.745
Binary	11001010, 01111100, 00100001

#ca7c21
```
#ca7c21 rgb(202,124,33)
```
#216fca
```
#216fca rgb(33,111,202)
```

Complementary Color

#ca2821
```
#ca2821 rgb(202,40,33)
```
#ca7c21
```
#ca7c21 rgb(202,124,33)
```
#c4ca21
```
#c4ca21 rgb(196,202,33)
```

Analogous Color

#2821ca
```
#2821ca rgb(40,33,202)
```
#ca7c21
```
#ca7c21 rgb(202,124,33)
```
#21c4ca
```
#21c4ca rgb(33,196,202)
```

Split Complementary Color

#7c21ca
```
#7c21ca rgb(124,33,202)
```
#ca7c21
```
#ca7c21 rgb(202,124,33)
```
#21ca7c
```
#21ca7c rgb(33,202,124)
```

Triadic Color

#ca216f
```
#ca216f rgb(202,33,111)
```
#ca7c21
```
#ca7c21 rgb(202,124,33)
```
#21ca7c
```
#21ca7c rgb(33,202,124)
```
#216fca
```
#216fca rgb(33,111,202)
```

Tetradic Color

#885416
```
#885416 rgb(136,84,22)
```
#9e611a
```
#9e611a rgb(158,97,26)
```
#b46f1d
```
#b46f1d rgb(180,111,29)
```
#ca7c21
```
#ca7c21 rgb(202,124,33)
```
#dc8929
```
#dc8929 rgb(220,137,41)
```
#e0953e
```
#e0953e rgb(224,149,62)
```
#e3a154
```
#e3a154 rgb(227,161,84)
```

Monochromatic Color

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

#ca5221
```
#ca5221 rgb(202,82,33)
```
#ca6021
```
#ca6021 rgb(202,96,33)
```
#ca6e21
```
#ca6e21 rgb(202,110,33)
```
#ca7c21
```
#ca7c21 rgb(202,124,33)
```
#ca8a21
```
#ca8a21 rgb(202,138,33)
```
#ca9821
```
#ca9821 rgb(202,152,33)
```
#caa621
```
#caa621 rgb(202,166,33)
```

Similar Colors

Text with hexadecimal color #ca7c21

This text has a font color of #ca7c21.

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

#ca7c21 background color

This paragraph has a background color of #ca7c21.

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

#ca7c21 border color

This element has a border color of #ca7c21.

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

CSS codes

.text {color:#ca7c21;}

.background {background-color:#ca7c21;}

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

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, #110a03 is the darkest color, while #ffffff is the lightest one.

#110a03
```
#110a03 rgb(17,10,3)
```
#211405
```
#211405 rgb(33,20,5)
```
#321f08
```
#321f08 rgb(50,31,8)
```
#43290b
```
#43290b rgb(67,41,11)
```
#54340e
```
#54340e rgb(84,52,14)
```
#653e10
```
#653e10 rgb(101,62,16)
```
#764813
```
#764813 rgb(118,72,19)
```
#875316
```
#875316 rgb(135,83,22)
```
#975d19
```
#975d19 rgb(151,93,25)
```
#a8671b
```
#a8671b rgb(168,103,27)
```
#b9721e
```
#b9721e rgb(185,114,30)
```
#ca7c21
```
#ca7c21 rgb(202,124,33)
```
#db8624
```
#db8624 rgb(219,134,36)
```

Shade Color Variation

#de9034
```
#de9034 rgb(222,144,52)
```
#e19945
```
#e19945 rgb(225,153,69)
```
#e3a256
```
#e3a256 rgb(227,162,86)
```
#e6ab67
```
#e6ab67 rgb(230,171,103)
```
#e9b578
```
#e9b578 rgb(233,181,120)
```
#ecbe89
```
#ecbe89 rgb(236,190,137)
```
#eec79a
```
#eec79a rgb(238,199,154)
```
#f1d0aa
```
#f1d0aa rgb(241,208,170)
```
#f4dabb
```
#f4dabb rgb(244,218,187)
```
#f7e3cc
```
#f7e3cc rgb(247,227,204)
```
#f9ecdd
```
#f9ecdd rgb(249,236,221)
```
#fcf6ee
```
#fcf6ee rgb(252,246,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797672
```
#797672 rgb(121,118,114)
```
#827669
```
#827669 rgb(130,118,105)
```
#8b7760
```
#8b7760 rgb(139,119,96)
```
#947857
```
#947857 rgb(148,120,87)
```
#9d794e
```
#9d794e rgb(157,121,78)
```
#a67945
```
#a67945 rgb(166,121,69)
```
#af7a3c
```
#af7a3c rgb(175,122,60)
```
#b87b33
```
#b87b33 rgb(184,123,51)
```
#c17b2a
```
#c17b2a rgb(193,123,42)
```
#ca7c21
```
#ca7c21 rgb(202,124,33)
```
#d37d18
```
#d37d18 rgb(211,125,24)
```
#dc7d0f
```
#dc7d0f rgb(220,125,15)
```
#e57e06
```
#e57e06 rgb(229,126,6)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#968674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59431 Protanopia 1% of men
#b88c27 Deuteranopia 1% of men
#d17a82 Tritanopia 0.001% of the population

Trichromacy

#b28b2b Protanomaly 1% of men, 0.01% of women
#be8625 Deuteranomaly 6% of men, 0.4% of women
#ce7b5f Tritanomaly 0.01% of the population

#ca7c21 hex color

#ca7c21 Color Information

#ca7c21 Color Conversion

Color Schemes with #ca7c21

Alternatives to #ca7c21

#ca7c21 Preview

Shades and Tints of #ca7c21

Tones of #ca7c21

Color Blindness Simulator