#ca901e hex color

In a RGB color space, hex #ca901e is composed of 79.2% red, 56.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.7% magenta, 85.1% yellow and 20.8% black. It has a hue angle of 39.8 degrees, a saturation of 74.1% and a lightness of 45.5%. #ca901e color hex could be obtained by blending #ffff3c with #952100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 79
- G 56
- B 12
RGB color chart
- C 0
- M 29
- Y 85
- K 21
CMYK color chart

● #ca901e color description : Strong orange.

The hexadecimal color #ca901e has RGB values of R:202, G:144, B:30 and CMYK values of C:0, M:0.29, Y:0.85, K:0.21. Its decimal value is 13275166.

Hex triplet	ca901e	`#ca901e`
RGB Decimal	202, 144, 30	`rgb(202,144,30)`
RGB Percent	79.2, 56.5, 11.8	`rgb(79.2%,56.5%,11.8%)`
CMYK	0, 29, 85, 21
HSL	39.8°, 74.1, 45.5	`hsl(39.8,74.1%,45.5%)`
HSV (or HSB)	39.8°, 85.1, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.835, 12.777, 62.829
XYZ	34.566, 32.599, 5.7
xyY	0.474, 0.447, 32.599
CIE-LCH	63.835, 64.115, 78.505
CIE-LUV	63.835, 48.043, 61.68
Hunter-Lab	57.095, 8.147, 34.048
Binary	11001010, 10010000, 00011110

#ca901e
```
#ca901e rgb(202,144,30)
```
#1e58ca
```
#1e58ca rgb(30,88,202)
```

Complementary Color

#ca3a1e
```
#ca3a1e rgb(202,58,30)
```
#ca901e
```
#ca901e rgb(202,144,30)
```
#aeca1e
```
#aeca1e rgb(174,202,30)
```

Analogous Color

#3a1eca
```
#3a1eca rgb(58,30,202)
```
#ca901e
```
#ca901e rgb(202,144,30)
```
#1eaeca
```
#1eaeca rgb(30,174,202)
```

Split Complementary Color

#901eca
```
#901eca rgb(144,30,202)
```
#ca901e
```
#ca901e rgb(202,144,30)
```
#1eca90
```
#1eca90 rgb(30,202,144)
```

Triadic Color

#ca1e58
```
#ca1e58 rgb(202,30,88)
```
#ca901e
```
#ca901e rgb(202,144,30)
```
#1eca90
```
#1eca90 rgb(30,202,144)
```
#1e58ca
```
#1e58ca rgb(30,88,202)
```

Tetradic Color

#876114
```
#876114 rgb(135,97,20)
```
#9e7017
```
#9e7017 rgb(158,112,23)
```
#b4801b
```
#b4801b rgb(180,128,27)
```
#ca901e
```
#ca901e rgb(202,144,30)
```
#de9f23
```
#de9f23 rgb(222,159,35)
```
#e2a939
```
#e2a939 rgb(226,169,57)
```
#e5b350
```
#e5b350 rgb(229,179,80)
```

Monochromatic Color

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

#ca651e
```
#ca651e rgb(202,101,30)
```
#ca731e
```
#ca731e rgb(202,115,30)
```
#ca821e
```
#ca821e rgb(202,130,30)
```
#ca901e
```
#ca901e rgb(202,144,30)
```
#ca9e1e
```
#ca9e1e rgb(202,158,30)
```
#caad1e
```
#caad1e rgb(202,173,30)
```
#cabb1e
```
#cabb1e rgb(202,187,30)
```

Similar Colors

Text with hexadecimal color #ca901e

This text has a font color of #ca901e.

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

#ca901e background color

This paragraph has a background color of #ca901e.

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

#ca901e border color

This element has a border color of #ca901e.

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

CSS codes

.text {color:#ca901e;}

.background {background-color:#ca901e;}

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

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

#0e0a02
```
#0e0a02 rgb(14,10,2)
```
#1f1605
```
#1f1605 rgb(31,22,5)
```
#302207
```
#302207 rgb(48,34,7)
```
#412f0a
```
#412f0a rgb(65,47,10)
```
#523b0c
```
#523b0c rgb(82,59,12)
```
#64470f
```
#64470f rgb(100,71,15)
```
#755311
```
#755311 rgb(117,83,17)
```
#865f14
```
#865f14 rgb(134,95,20)
```
#976b16
```
#976b16 rgb(151,107,22)
```
#a87819
```
#a87819 rgb(168,120,25)
```
#b9841b
```
#b9841b rgb(185,132,27)
```
#ca901e
```
#ca901e rgb(202,144,30)
```
#db9c21
```
#db9c21 rgb(219,156,33)
```

Shade Color Variation

#e0a42f
```
#e0a42f rgb(224,164,47)
```
#e3ac40
```
#e3ac40 rgb(227,172,64)
```
#e5b351
```
#e5b351 rgb(229,179,81)
```
#e8bb62
```
#e8bb62 rgb(232,187,98)
```
#eac273
```
#eac273 rgb(234,194,115)
```
#edca85
```
#edca85 rgb(237,202,133)
```
#efd196
```
#efd196 rgb(239,209,150)
```
#f2d9a7
```
#f2d9a7 rgb(242,217,167)
```
#f4e0b8
```
#f4e0b8 rgb(244,224,184)
```
#f7e7c9
```
#f7e7c9 rgb(247,231,201)
```
#f9efda
```
#f9efda rgb(249,239,218)
```
#fcf6eb
```
#fcf6eb rgb(252,246,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#7a766e
```
#7a766e rgb(122,118,110)
```
#837965
```
#837965 rgb(131,121,101)
```
#8c7c5c
```
#8c7c5c rgb(140,124,92)
```
#947f54
```
#947f54 rgb(148,127,84)
```
#9d814b
```
#9d814b rgb(157,129,75)
```
#a68442
```
#a68442 rgb(166,132,66)
```
#af8739
```
#af8739 rgb(175,135,57)
```
#b88a30
```
#b88a30 rgb(184,138,48)
```
#c18d27
```
#c18d27 rgb(193,141,39)
```
#ca901e
```
#ca901e rgb(202,144,30)
```
#d39315
```
#d39315 rgb(211,147,21)
```
#dc960c
```
#dc960c rgb(220,150,12)
```
#e59903
```
#e59903 rgb(229,153,3)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9f937c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a02c Protanopia 1% of men
#c79828 Deuteranopia 1% of men
#d38c95 Tritanopia 0.001% of the population

Trichromacy

#bb9a27 Protanomaly 1% of men, 0.01% of women
#c89524 Deuteranomaly 6% of men, 0.4% of women
#cf8d6a Tritanomaly 0.01% of the population

#ca901e hex color

#ca901e Color Information

#ca901e Color Conversion

Color Schemes with #ca901e

Alternatives to #ca901e

#ca901e Preview

Shades and Tints of #ca901e

Tones of #ca901e

Color Blindness Simulator