#ca942f hex color

In a RGB color space, hex #ca942f is composed of 79.2% red, 58% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.7% magenta, 76.7% yellow and 20.8% black. It has a hue angle of 39.1 degrees, a saturation of 62.2% and a lightness of 48.8%. #ca942f color hex could be obtained by blending #ffff5e with #952900. Closest websafe color is: #cc9933.

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

● #ca942f color description : Strong orange.

The hexadecimal color #ca942f has RGB values of R:202, G:148, B:47 and CMYK values of C:0, M:0.27, Y:0.77, K:0.21. Its decimal value is 13276207.

Hex triplet	ca942f	`#ca942f`
RGB Decimal	202, 148, 47	`rgb(202,148,47)`
RGB Percent	79.2, 58, 18.4	`rgb(79.2%,58%,18.4%)`
CMYK	0, 27, 77, 21
HSL	39.1°, 62.2, 48.8	`hsl(39.1,62.2%,48.8%)`
HSV (or HSB)	39.1°, 76.7, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.918, 11.165, 57.993
XYZ	35.461, 33.944, 7.373
xyY	0.462, 0.442, 33.944
CIE-LCH	64.918, 59.058, 79.103
CIE-LUV	64.918, 44.257, 59.669
Hunter-Lab	58.261, 6.687, 33.279
Binary	11001010, 10010100, 00101111

#ca942f
```
#ca942f rgb(202,148,47)
```
#2f65ca
```
#2f65ca rgb(47,101,202)
```

Complementary Color

#ca472f
```
#ca472f rgb(202,71,47)
```
#ca942f
```
#ca942f rgb(202,148,47)
```
#b3ca2f
```
#b3ca2f rgb(179,202,47)
```

Analogous Color

#472fca
```
#472fca rgb(71,47,202)
```
#ca942f
```
#ca942f rgb(202,148,47)
```
#2fb3ca
```
#2fb3ca rgb(47,179,202)
```

Split Complementary Color

#942fca
```
#942fca rgb(148,47,202)
```
#ca942f
```
#ca942f rgb(202,148,47)
```
#2fca94
```
#2fca94 rgb(47,202,148)
```

Triadic Color

#ca2f65
```
#ca2f65 rgb(202,47,101)
```
#ca942f
```
#ca942f rgb(202,148,47)
```
#2fca94
```
#2fca94 rgb(47,202,148)
```
#2f65ca
```
#2f65ca rgb(47,101,202)
```

Tetradic Color

#8c6721
```
#8c6721 rgb(140,103,33)
```
#a17625
```
#a17625 rgb(161,118,37)
```
#b5852a
```
#b5852a rgb(181,133,42)
```
#ca942f
```
#ca942f rgb(202,148,47)
```
#d39f40
```
#d39f40 rgb(211,159,64)
```
#d7aa55
```
#d7aa55 rgb(215,170,85)
```
#dcb469
```
#dcb469 rgb(220,180,105)
```

Monochromatic Color

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

#ca6d2f
```
#ca6d2f rgb(202,109,47)
```
#ca7a2f
```
#ca7a2f rgb(202,122,47)
```
#ca872f
```
#ca872f rgb(202,135,47)
```
#ca942f
```
#ca942f rgb(202,148,47)
```
#caa12f
```
#caa12f rgb(202,161,47)
```
#caae2f
```
#caae2f rgb(202,174,47)
```
#cabb2f
```
#cabb2f rgb(202,187,47)
```

Similar Colors

Text with hexadecimal color #ca942f

This text has a font color of #ca942f.

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

#ca942f background color

This paragraph has a background color of #ca942f.

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

#ca942f border color

This element has a border color of #ca942f.

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

CSS codes

.text {color:#ca942f;}

.background {background-color:#ca942f;}

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

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

#0b0803
```
#0b0803 rgb(11,8,3)
```
#1b1406
```
#1b1406 rgb(27,20,6)
```
#2b1f0a
```
#2b1f0a rgb(43,31,10)
```
#3b2b0e
```
#3b2b0e rgb(59,43,14)
```
#4b3711
```
#4b3711 rgb(75,55,17)
```
#5b4215
```
#5b4215 rgb(91,66,21)
```
#6b4e19
```
#6b4e19 rgb(107,78,25)
```
#7a5a1c
```
#7a5a1c rgb(122,90,28)
```
#8a6520
```
#8a6520 rgb(138,101,32)
```
#9a7124
```
#9a7124 rgb(154,113,36)
```
#aa7d28
```
#aa7d28 rgb(170,125,40)
```
#ba882b
```
#ba882b rgb(186,136,43)
```
#ca942f
```
#ca942f rgb(202,148,47)
```

Shade Color Variation

#d19d3b
```
#d19d3b rgb(209,157,59)
```
#d5a54b
```
#d5a54b rgb(213,165,75)
```
#d9ad5b
```
#d9ad5b rgb(217,173,91)
```
#ddb56b
```
#ddb56b rgb(221,181,107)
```
#e0bd7b
```
#e0bd7b rgb(224,189,123)
```
#e4c58b
```
#e4c58b rgb(228,197,139)
```
#e8cd9b
```
#e8cd9b rgb(232,205,155)
```
#ebd5ab
```
#ebd5ab rgb(235,213,171)
```
#efddba
```
#efddba rgb(239,221,186)
```
#f3e5ca
```
#f3e5ca rgb(243,229,202)
```
#f6edda
```
#f6edda rgb(246,237,218)
```
#faf5ea
```
#faf5ea rgb(250,245,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#7d7d7c
```
#7d7d7c rgb(125,125,124)
```
#878072
```
#878072 rgb(135,128,114)
```
#918368
```
#918368 rgb(145,131,104)
```
#9a855f
```
#9a855f rgb(154,133,95)
```
#a48855
```
#a48855 rgb(164,136,85)
```
#ad8b4c
```
#ad8b4c rgb(173,139,76)
```
#b78e42
```
#b78e42 rgb(183,142,66)
```
#c09139
```
#c09139 rgb(192,145,57)
```
#ca942f
```
#ca942f rgb(202,148,47)
```
#d49725
```
#d49725 rgb(212,151,37)
```
#dd9a1c
```
#dd9a1c rgb(221,154,28)
```
#e79d12
```
#e79d12 rgb(231,157,18)
```
#f0a009
```
#f0a009 rgb(240,160,9)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a39884 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a23c Protanopia 1% of men
#c99a39 Deuteranopia 1% of men
#d3909a Tritanopia 0.001% of the population

Trichromacy

#bc9d37 Protanomaly 1% of men, 0.01% of women
#c99835 Deuteranomaly 6% of men, 0.4% of women
#d09173 Tritanomaly 0.01% of the population

#ca942f hex color

#ca942f Color Information

#ca942f Color Conversion

Color Schemes with #ca942f

Alternatives to #ca942f

#ca942f Preview

Shades and Tints of #ca942f

Tones of #ca942f

Color Blindness Simulator