#ca981e hex color

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

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

● #ca981e color description : Strong orange.

The hexadecimal color #ca981e has RGB values of R:202, G:152, B:30 and CMYK values of C:0, M:0.25, Y:0.85, K:0.21. Its decimal value is 13277214.

Hex triplet	ca981e	`#ca981e`
RGB Decimal	202, 152, 30	`rgb(202,152,30)`
RGB Percent	79.2, 59.6, 11.8	`rgb(79.2%,59.6%,11.8%)`
CMYK	0, 25, 85, 21
HSL	42.6°, 74.1, 45.5	`hsl(42.6,74.1%,45.5%)`
HSV (or HSB)	42.6°, 85.1, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.833, 8.431, 64.487
XYZ	35.82, 35.109, 6.118
xyY	0.465, 0.456, 35.109
CIE-LCH	65.833, 65.036, 82.551
CIE-LUV	65.833, 41.811, 64.785
Hunter-Lab	59.253, 4.218, 35.355
Binary	11001010, 10011000, 00011110

#ca981e
```
#ca981e rgb(202,152,30)
```
#1e50ca
```
#1e50ca rgb(30,80,202)
```

Complementary Color

#ca421e
```
#ca421e rgb(202,66,30)
```
#ca981e
```
#ca981e rgb(202,152,30)
```
#a6ca1e
```
#a6ca1e rgb(166,202,30)
```

Analogous Color

#421eca
```
#421eca rgb(66,30,202)
```
#ca981e
```
#ca981e rgb(202,152,30)
```
#1ea6ca
```
#1ea6ca rgb(30,166,202)
```

Split Complementary Color

#981eca
```
#981eca rgb(152,30,202)
```
#ca981e
```
#ca981e rgb(202,152,30)
```
#1eca98
```
#1eca98 rgb(30,202,152)
```

Triadic Color

#ca1e50
```
#ca1e50 rgb(202,30,80)
```
#ca981e
```
#ca981e rgb(202,152,30)
```
#1eca98
```
#1eca98 rgb(30,202,152)
```
#1e50ca
```
#1e50ca rgb(30,80,202)
```

Tetradic Color

#876614
```
#876614 rgb(135,102,20)
```
#9e7717
```
#9e7717 rgb(158,119,23)
```
#b4871b
```
#b4871b rgb(180,135,27)
```
#ca981e
```
#ca981e rgb(202,152,30)
```
#dea823
```
#dea823 rgb(222,168,35)
```
#e2b139
```
#e2b139 rgb(226,177,57)
```
#e5ba50
```
#e5ba50 rgb(229,186,80)
```

Monochromatic Color

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

#ca6d1e
```
#ca6d1e rgb(202,109,30)
```
#ca7b1e
```
#ca7b1e rgb(202,123,30)
```
#ca8a1e
```
#ca8a1e rgb(202,138,30)
```
#ca981e
```
#ca981e rgb(202,152,30)
```
#caa61e
```
#caa61e rgb(202,166,30)
```
#cab51e
```
#cab51e rgb(202,181,30)
```
#cac31e
```
#cac31e rgb(202,195,30)
```

Similar Colors

Text with hexadecimal color #ca981e

This text has a font color of #ca981e.

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

#ca981e background color

This paragraph has a background color of #ca981e.

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

#ca981e border color

This element has a border color of #ca981e.

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

CSS codes

.text {color:#ca981e;}

.background {background-color:#ca981e;}

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

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

#0e0b02
```
#0e0b02 rgb(14,11,2)
```
#1f1705
```
#1f1705 rgb(31,23,5)
```
#302407
```
#302407 rgb(48,36,7)
```
#41310a
```
#41310a rgb(65,49,10)
```
#523e0c
```
#523e0c rgb(82,62,12)
```
#644b0f
```
#644b0f rgb(100,75,15)
```
#755811
```
#755811 rgb(117,88,17)
```
#866514
```
#866514 rgb(134,101,20)
```
#977116
```
#977116 rgb(151,113,22)
```
#a87e19
```
#a87e19 rgb(168,126,25)
```
#b98b1b
```
#b98b1b rgb(185,139,27)
```
#ca981e
```
#ca981e rgb(202,152,30)
```
#dba521
```
#dba521 rgb(219,165,33)
```

Shade Color Variation

#e0ad2f
```
#e0ad2f rgb(224,173,47)
```
#e3b340
```
#e3b340 rgb(227,179,64)
```
#e5ba51
```
#e5ba51 rgb(229,186,81)
```
#e8c162
```
#e8c162 rgb(232,193,98)
```
#eac873
```
#eac873 rgb(234,200,115)
```
#edce85
```
#edce85 rgb(237,206,133)
```
#efd596
```
#efd596 rgb(239,213,150)
```
#f2dca7
```
#f2dca7 rgb(242,220,167)
```
#f4e3b8
```
#f4e3b8 rgb(244,227,184)
```
#f7eac9
```
#f7eac9 rgb(247,234,201)
```
#f9f0da
```
#f9f0da rgb(249,240,218)
```
#fcf7eb
```
#fcf7eb rgb(252,247,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 #e5a303 is the most saturated one.

#7a766e
```
#7a766e rgb(122,118,110)
```
#837a65
```
#837a65 rgb(131,122,101)
```
#8c7e5c
```
#8c7e5c rgb(140,126,92)
```
#948254
```
#948254 rgb(148,130,84)
```
#9d854b
```
#9d854b rgb(157,133,75)
```
#a68942
```
#a68942 rgb(166,137,66)
```
#af8d39
```
#af8d39 rgb(175,141,57)
```
#b89130
```
#b89130 rgb(184,145,48)
```
#c19427
```
#c19427 rgb(193,148,39)
```
#ca981e
```
#ca981e rgb(202,152,30)
```
#d39c15
```
#d39c15 rgb(211,156,21)
```
#dc9f0c
```
#dc9f0c rgb(220,159,12)
```
#e5a303
```
#e5a303 rgb(229,163,3)
```

Tone Color Variation

Below, you can see how #ca981e 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
#a39980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a52b Protanopia 1% of men
#cd9d29 Deuteranopia 1% of men
#d4939d Tritanopia 0.001% of the population

Trichromacy

#bea026 Protanomaly 1% of men, 0.01% of women
#cc9b25 Deuteranomaly 6% of men, 0.4% of women
#d0956f Tritanomaly 0.01% of the population

#ca981e hex color

#ca981e Color Information

#ca981e Color Conversion

Color Schemes with #ca981e

Alternatives to #ca981e

#ca981e Preview

Shades and Tints of #ca981e

Tones of #ca981e

Color Blindness Simulator