#ca942c hex color

In a RGB color space, hex #ca942c is composed of 79.2% red, 58% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.7% magenta, 78.2% yellow and 20.8% black. It has a hue angle of 39.5 degrees, a saturation of 64.2% and a lightness of 48.2%. #ca942c color hex could be obtained by blending #ffff58 with #952900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 79
- G 58
- B 17
RGB color chart
- C 0
- M 27
- Y 78
- K 21
CMYK color chart

● #ca942c color description : Strong orange.

The hexadecimal color #ca942c has RGB values of R:202, G:148, B:44 and CMYK values of C:0, M:0.27, Y:0.78, K:0.21. Its decimal value is 13276204.

Hex triplet	ca942c	`#ca942c`
RGB Decimal	202, 148, 44	`rgb(202,148,44)`
RGB Percent	79.2, 58, 17.3	`rgb(79.2%,58%,17.3%)`
CMYK	0, 27, 78, 21
HSL	39.5°, 64.2, 48.2	`hsl(39.5,64.2%,48.2%)`
HSV (or HSB)	39.5°, 78.2, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.899, 11.047, 59.112
XYZ	35.402, 33.92, 7.065
xyY	0.463, 0.444, 33.92
CIE-LCH	64.899, 60.136, 79.415
CIE-LUV	64.899, 44.393, 60.41
Hunter-Lab	58.241, 6.581, 33.576
Binary	11001010, 10010100, 00101100

#ca942c
```
#ca942c rgb(202,148,44)
```
#2c62ca
```
#2c62ca rgb(44,98,202)
```

Complementary Color

#ca452c
```
#ca452c rgb(202,69,44)
```
#ca942c
```
#ca942c rgb(202,148,44)
```
#b1ca2c
```
#b1ca2c rgb(177,202,44)
```

Analogous Color

#452cca
```
#452cca rgb(69,44,202)
```
#ca942c
```
#ca942c rgb(202,148,44)
```
#2cb1ca
```
#2cb1ca rgb(44,177,202)
```

Split Complementary Color

#942cca
```
#942cca rgb(148,44,202)
```
#ca942c
```
#ca942c rgb(202,148,44)
```
#2cca94
```
#2cca94 rgb(44,202,148)
```

Triadic Color

#ca2c62
```
#ca2c62 rgb(202,44,98)
```
#ca942c
```
#ca942c rgb(202,148,44)
```
#2cca94
```
#2cca94 rgb(44,202,148)
```
#2c62ca
```
#2c62ca rgb(44,98,202)
```

Tetradic Color

#8b661e
```
#8b661e rgb(139,102,30)
```
#a07523
```
#a07523 rgb(160,117,35)
```
#b58527
```
#b58527 rgb(181,133,39)
```
#ca942c
```
#ca942c rgb(202,148,44)
```
#d4a03b
```
#d4a03b rgb(212,160,59)
```
#d9aa50
```
#d9aa50 rgb(217,170,80)
```
#ddb465
```
#ddb465 rgb(221,180,101)
```

Monochromatic Color

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

#ca6d2c
```
#ca6d2c rgb(202,109,44)
```
#ca7a2c
```
#ca7a2c rgb(202,122,44)
```
#ca872c
```
#ca872c rgb(202,135,44)
```
#ca942c
```
#ca942c rgb(202,148,44)
```
#caa12c
```
#caa12c rgb(202,161,44)
```
#caae2c
```
#caae2c rgb(202,174,44)
```
#cabc2c
```
#cabc2c rgb(202,188,44)
```

Similar Colors

Text with hexadecimal color #ca942c

This text has a font color of #ca942c.

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

#ca942c background color

This paragraph has a background color of #ca942c.

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

#ca942c border color

This element has a border color of #ca942c.

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

CSS codes

.text {color:#ca942c;}

.background {background-color:#ca942c;}

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

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

#090602
```
#090602 rgb(9,6,2)
```
#191205
```
#191205 rgb(25,18,5)
```
#291e09
```
#291e09 rgb(41,30,9)
```
#392a0c
```
#392a0c rgb(57,42,12)
```
#493610
```
#493610 rgb(73,54,16)
```
#594113
```
#594113 rgb(89,65,19)
```
#694d17
```
#694d17 rgb(105,77,23)
```
#79591a
```
#79591a rgb(121,89,26)
```
#8a651e
```
#8a651e rgb(138,101,30)
```
#9a7121
```
#9a7121 rgb(154,113,33)
```
#aa7c25
```
#aa7c25 rgb(170,124,37)
```
#ba8828
```
#ba8828 rgb(186,136,40)
```
#ca942c
```
#ca942c rgb(202,148,44)
```

Shade Color Variation

#d39e36
```
#d39e36 rgb(211,158,54)
```
#d7a546
```
#d7a546 rgb(215,165,70)
```
#daad57
```
#daad57 rgb(218,173,87)
```
#deb567
```
#deb567 rgb(222,181,103)
```
#e1bd77
```
#e1bd77 rgb(225,189,119)
```
#e5c587
```
#e5c587 rgb(229,197,135)
```
#e8cd97
```
#e8cd97 rgb(232,205,151)
```
#ecd4a7
```
#ecd4a7 rgb(236,212,167)
```
#efdcb7
```
#efdcb7 rgb(239,220,183)
```
#f3e4c7
```
#f3e4c7 rgb(243,228,199)
```
#f6ecd7
```
#f6ecd7 rgb(246,236,215)
```
#faf4e8
```
#faf4e8 rgb(250,244,232)
```
#fdfbf8
```
#fdfbf8 rgb(253,251,248)
```

Tint Color Variation

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

#7e7c78
```
#7e7c78 rgb(126,124,120)
```
#887f6e
```
#887f6e rgb(136,127,110)
```
#918265
```
#918265 rgb(145,130,101)
```
#9b855b
```
#9b855b rgb(155,133,91)
```
#a48852
```
#a48852 rgb(164,136,82)
```
#ae8b48
```
#ae8b48 rgb(174,139,72)
```
#b78e3f
```
#b78e3f rgb(183,142,63)
```
#c19135
```
#c19135 rgb(193,145,53)
```
#ca942c
```
#ca942c rgb(202,148,44)
```
#d39723
```
#d39723 rgb(211,151,35)
```
#dd9a19
```
#dd9a19 rgb(221,154,25)
```
#e69d10
```
#e69d10 rgb(230,157,16)
```
#f0a006
```
#f0a006 rgb(240,160,6)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#a29782 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a239 Protanopia 1% of men
#c99a36 Deuteranopia 1% of men
#d39099 Tritanopia 0.001% of the population

Trichromacy

#bc9d34 Protanomaly 1% of men, 0.01% of women
#c99832 Deuteranomaly 6% of men, 0.4% of women
#d09171 Tritanomaly 0.01% of the population

#ca942c hex color

#ca942c Color Information

#ca942c Color Conversion

Color Schemes with #ca942c

Alternatives to #ca942c

#ca942c Preview

Shades and Tints of #ca942c

Tones of #ca942c

Color Blindness Simulator