#ca9312 hex color

In a RGB color space, hex #ca9312 is composed of 79.2% red, 57.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 91.1% yellow and 20.8% black. It has a hue angle of 42.1 degrees, a saturation of 83.6% and a lightness of 43.1%. #ca9312 color hex could be obtained by blending #ffff24 with #952700. Closest websafe color is: #cc9900.

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

● #ca9312 color description : Strong orange.

The hexadecimal color #ca9312 has RGB values of R:202, G:147, B:18 and CMYK values of C:0, M:0.27, Y:0.91, K:0.21. Its decimal value is 13275922.

Hex triplet	ca9312	`#ca9312`
RGB Decimal	202, 147, 18	`rgb(202,147,18)`
RGB Percent	79.2, 57.6, 7.1	`rgb(79.2%,57.6%,7.1%)`
CMYK	0, 27, 91, 21
HSL	42.1°, 83.6, 43.1	`hsl(42.1,83.6%,43.1%)`
HSV (or HSB)	42.1°, 91.1, 79.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	64.539, 10.891, 66.325
XYZ	34.901, 33.47, 5.194
xyY	0.474, 0.455, 33.47
CIE-LCH	64.539, 67.213, 80.675
CIE-LUV	64.539, 45.996, 64.472
Hunter-Lab	57.853, 6.44, 35.174
Binary	11001010, 10010011, 00010010

#ca9312
```
#ca9312 rgb(202,147,18)
```
#1249ca
```
#1249ca rgb(18,73,202)
```

Complementary Color

#ca3712
```
#ca3712 rgb(202,55,18)
```
#ca9312
```
#ca9312 rgb(202,147,18)
```
#a5ca12
```
#a5ca12 rgb(165,202,18)
```

Analogous Color

#3712ca
```
#3712ca rgb(55,18,202)
```
#ca9312
```
#ca9312 rgb(202,147,18)
```
#12a5ca
```
#12a5ca rgb(18,165,202)
```

Split Complementary Color

#9312ca
```
#9312ca rgb(147,18,202)
```
#ca9312
```
#ca9312 rgb(202,147,18)
```
#12ca93
```
#12ca93 rgb(18,202,147)
```

Triadic Color

#ca1249
```
#ca1249 rgb(202,18,73)
```
#ca9312
```
#ca9312 rgb(202,147,18)
```
#12ca93
```
#12ca93 rgb(18,202,147)
```
#1249ca
```
#1249ca rgb(18,73,202)
```

Tetradic Color

#84600c
```
#84600c rgb(132,96,12)
```
#9b710e
```
#9b710e rgb(155,113,14)
```
#b38210
```
#b38210 rgb(179,130,16)
```
#ca9312
```
#ca9312 rgb(202,147,18)
```
#e1a414
```
#e1a414 rgb(225,164,20)
```
#ebb024
```
#ebb024 rgb(235,176,36)
```
#eeb83b
```
#eeb83b rgb(238,184,59)
```

Monochromatic Color

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

#ca6512
```
#ca6512 rgb(202,101,18)
```
#ca7412
```
#ca7412 rgb(202,116,18)
```
#ca8412
```
#ca8412 rgb(202,132,18)
```
#ca9312
```
#ca9312 rgb(202,147,18)
```
#caa212
```
#caa212 rgb(202,162,18)
```
#cab212
```
#cab212 rgb(202,178,18)
```
#cac112
```
#cac112 rgb(202,193,18)
```

Similar Colors

Text with hexadecimal color #ca9312

This text has a font color of #ca9312.

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

#ca9312 background color

This paragraph has a background color of #ca9312.

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

#ca9312 border color

This element has a border color of #ca9312.

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

CSS codes

.text {color:#ca9312;}

.background {background-color:#ca9312;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#161002
```
#161002 rgb(22,16,2)
```
#281d04
```
#281d04 rgb(40,29,4)
```
#3a2a05
```
#3a2a05 rgb(58,42,5)
```
#4c3707
```
#4c3707 rgb(76,55,7)
```
#5e4408
```
#5e4408 rgb(94,68,8)
```
#70510a
```
#70510a rgb(112,81,10)
```
#825f0c
```
#825f0c rgb(130,95,12)
```
#946c0d
```
#946c0d rgb(148,108,13)
```
#a6790f
```
#a6790f rgb(166,121,15)
```
#b88610
```
#b88610 rgb(184,134,16)
```
#ca9312
```
#ca9312 rgb(202,147,18)
```
#dca014
```
#dca014 rgb(220,160,20)
```

Shade Color Variation

#eaac19
```
#eaac19 rgb(234,172,25)
```
#ecb22b
```
#ecb22b rgb(236,178,43)
```
#eeb93d
```
#eeb93d rgb(238,185,61)
```
#efbf4f
```
#efbf4f rgb(239,191,79)
```
#f1c661
```
#f1c661 rgb(241,198,97)
```
#f3cc73
```
#f3cc73 rgb(243,204,115)
```
#f4d385
```
#f4d385 rgb(244,211,133)
```
#f6d997
```
#f6d997 rgb(246,217,151)
```
#f7e0a9
```
#f7e0a9 rgb(247,224,169)
```
#f9e6bb
```
#f9e6bb rgb(249,230,187)
```
#fbedcd
```
#fbedcd rgb(251,237,205)
```
#fcf3df
```
#fcf3df rgb(252,243,223)
```
#fefaf1
```
#fefaf1 rgb(254,250,241)
```

Tint Color Variation

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

#757167
```
#757167 rgb(117,113,103)
```
#7e745e
```
#7e745e rgb(126,116,94)
```
#867856
```
#867856 rgb(134,120,86)
```
#8f7b4d
```
#8f7b4d rgb(143,123,77)
```
#977f45
```
#977f45 rgb(151,127,69)
```
#a0823c
```
#a0823c rgb(160,130,60)
```
#a88534
```
#a88534 rgb(168,133,52)
```
#b1892b
```
#b1892b rgb(177,137,43)
```
#b98c23
```
#b98c23 rgb(185,140,35)
```
#c2901a
```
#c2901a rgb(194,144,26)
```
#ca9312
```
#ca9312 rgb(202,147,18)
```
#d2960a
```
#d2960a rgb(210,150,10)
```
#db9a01
```
#db9a01 rgb(219,154,1)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a0957b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a121 Protanopia 1% of men
#c9991d Deuteranopia 1% of men
#d38e98 Tritanopia 0.001% of the population

Trichromacy

#bc9c1b Protanomaly 1% of men, 0.01% of women
#c99719 Deuteranomaly 6% of men, 0.4% of women
#d09067 Tritanomaly 0.01% of the population

#ca9312 hex color

#ca9312 Color Information

#ca9312 Color Conversion

Color Schemes with #ca9312

Alternatives to #ca9312

#ca9312 Preview

Shades and Tints of #ca9312

Tones of #ca9312

Color Blindness Simulator