#ca9311 hex color

In a RGB color space, hex #ca9311 is composed of 79.2% red, 57.6% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 91.6% yellow and 20.8% black. It has a hue angle of 42.2 degrees, a saturation of 84.5% and a lightness of 42.9%. #ca9311 color hex could be obtained by blending #ffff22 with #952700. Closest websafe color is: #cc9900.

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

● #ca9311 color description : Strong orange.

The hexadecimal color #ca9311 has RGB values of R:202, G:147, B:17 and CMYK values of C:0, M:0.27, Y:0.92, K:0.21. Its decimal value is 13275921.

Hex triplet	ca9311	`#ca9311`
RGB Decimal	202, 147, 17	`rgb(202,147,17)`
RGB Percent	79.2, 57.6, 6.7	`rgb(79.2%,57.6%,6.7%)`
CMYK	0, 27, 92, 21
HSL	42.2°, 84.5, 42.9	`hsl(42.2,84.5%,42.9%)`
HSV (or HSB)	42.2°, 91.6, 79.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	64.537, 10.874, 66.517
XYZ	34.893, 33.467, 5.152
xyY	0.475, 0.455, 33.467
CIE-LCH	64.537, 67.4, 80.715
CIE-LUV	64.537, 46.016, 64.577
Hunter-Lab	57.85, 6.426, 35.215
Binary	11001010, 10010011, 00010001

#ca9311
```
#ca9311 rgb(202,147,17)
```
#1148ca
```
#1148ca rgb(17,72,202)
```

Complementary Color

#ca3711
```
#ca3711 rgb(202,55,17)
```
#ca9311
```
#ca9311 rgb(202,147,17)
```
#a5ca11
```
#a5ca11 rgb(165,202,17)
```

Analogous Color

#3711ca
```
#3711ca rgb(55,17,202)
```
#ca9311
```
#ca9311 rgb(202,147,17)
```
#11a5ca
```
#11a5ca rgb(17,165,202)
```

Split Complementary Color

#9311ca
```
#9311ca rgb(147,17,202)
```
#ca9311
```
#ca9311 rgb(202,147,17)
```
#11ca93
```
#11ca93 rgb(17,202,147)
```

Triadic Color

#ca1148
```
#ca1148 rgb(202,17,72)
```
#ca9311
```
#ca9311 rgb(202,147,17)
```
#11ca93
```
#11ca93 rgb(17,202,147)
```
#1148ca
```
#1148ca rgb(17,72,202)
```

Tetradic Color

#83600b
```
#83600b rgb(131,96,11)
```
#9b710d
```
#9b710d rgb(155,113,13)
```
#b2820f
```
#b2820f rgb(178,130,15)
```
#ca9311
```
#ca9311 rgb(202,147,17)
```
#e2a413
```
#e2a413 rgb(226,164,19)
```
#ecb022
```
#ecb022 rgb(236,176,34)
```
#eeb839
```
#eeb839 rgb(238,184,57)
```

Monochromatic Color

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

#ca6511
```
#ca6511 rgb(202,101,17)
```
#ca7411
```
#ca7411 rgb(202,116,17)
```
#ca8411
```
#ca8411 rgb(202,132,17)
```
#ca9311
```
#ca9311 rgb(202,147,17)
```
#caa211
```
#caa211 rgb(202,162,17)
```
#cab211
```
#cab211 rgb(202,178,17)
```
#cac111
```
#cac111 rgb(202,193,17)
```

Similar Colors

Text with hexadecimal color #ca9311

This text has a font color of #ca9311.

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

#ca9311 background color

This paragraph has a background color of #ca9311.

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

#ca9311 border color

This element has a border color of #ca9311.

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

CSS codes

.text {color:#ca9311;}

.background {background-color:#ca9311;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150f02
```
#150f02 rgb(21,15,2)
```
#271d03
```
#271d03 rgb(39,29,3)
```
#392a05
```
#392a05 rgb(57,42,5)
```
#4b3706
```
#4b3706 rgb(75,55,6)
```
#5d4408
```
#5d4408 rgb(93,68,8)
```
#705109
```
#705109 rgb(112,81,9)
```
#825e0b
```
#825e0b rgb(130,94,11)
```
#946c0c
```
#946c0c rgb(148,108,12)
```
#a6790e
```
#a6790e rgb(166,121,14)
```
#b8860f
```
#b8860f rgb(184,134,15)
```
#ca9311
```
#ca9311 rgb(202,147,17)
```
#dca013
```
#dca013 rgb(220,160,19)
```

Shade Color Variation

#ebac17
```
#ebac17 rgb(235,172,23)
```
#edb329
```
#edb329 rgb(237,179,41)
```
#efb93b
```
#efb93b rgb(239,185,59)
```
#f0c04d
```
#f0c04d rgb(240,192,77)
```
#f2c65f
```
#f2c65f rgb(242,198,95)
```
#f3cc71
```
#f3cc71 rgb(243,204,113)
```
#f5d383
```
#f5d383 rgb(245,211,131)
```
#f6d995
```
#f6d995 rgb(246,217,149)
```
#f8e0a8
```
#f8e0a8 rgb(248,224,168)
```
#f9e6ba
```
#f9e6ba rgb(249,230,186)
```
#fbedcc
```
#fbedcc rgb(251,237,204)
```
#fcf3de
```
#fcf3de rgb(252,243,222)
```
#fefaf0
```
#fefaf0 rgb(254,250,240)
```

Tint Color Variation

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

#767165
```
#767165 rgb(118,113,101)
```
#7e745d
```
#7e745d rgb(126,116,93)
```
#877854
```
#877854 rgb(135,120,84)
```
#8f7b4c
```
#8f7b4c rgb(143,123,76)
```
#977f44
```
#977f44 rgb(151,127,68)
```
#a0823b
```
#a0823b rgb(160,130,59)
```
#a88533
```
#a88533 rgb(168,133,51)
```
#b1892a
```
#b1892a rgb(177,137,42)
```
#b98c22
```
#b98c22 rgb(185,140,34)
```
#c29019
```
#c29019 rgb(194,144,25)
```
#ca9311
```
#ca9311 rgb(202,147,17)
```
#d29609
```
#d29609 rgb(210,150,9)
```
#db9a00
```
#db9a00 rgb(219,154,0)
```

Tone Color Variation

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

#b5a120 Protanopia 1% of men
#ca991c Deuteranopia 1% of men
#d38e98 Tritanopia 0.001% of the population

Trichromacy

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

#ca9311 hex color

#ca9311 Color Information

#ca9311 Color Conversion

Color Schemes with #ca9311

Alternatives to #ca9311

#ca9311 Preview

Shades and Tints of #ca9311

Tones of #ca9311

Color Blindness Simulator