#ca981f hex color

In a RGB color space, hex #ca981f is composed of 79.2% red, 59.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.8% magenta, 84.7% yellow and 20.8% black. It has a hue angle of 42.5 degrees, a saturation of 73.4% and a lightness of 45.7%. #ca981f color hex could be obtained by blending #ffff3e 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

● #ca981f color description : Strong orange.

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

Hex triplet	ca981f	`#ca981f`
RGB Decimal	202, 152, 31	`rgb(202,152,31)`
RGB Percent	79.2, 59.6, 12.2	`rgb(79.2%,59.6%,12.2%)`
CMYK	0, 25, 85, 21
HSL	42.5°, 73.4, 45.7	`hsl(42.5,73.4%,45.7%)`
HSV (or HSB)	42.5°, 84.7, 79.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.837, 8.458, 64.21
XYZ	35.833, 35.114, 6.187
xyY	0.465, 0.455, 35.114
CIE-LCH	65.837, 64.765, 82.496
CIE-LUV	65.837, 41.783, 64.621
Hunter-Lab	59.257, 4.241, 35.29
Binary	11001010, 10011000, 00011111

#ca981f
```
#ca981f rgb(202,152,31)
```
#1f51ca
```
#1f51ca rgb(31,81,202)
```

Complementary Color

#ca431f
```
#ca431f rgb(202,67,31)
```
#ca981f
```
#ca981f rgb(202,152,31)
```
#a7ca1f
```
#a7ca1f rgb(167,202,31)
```

Analogous Color

#431fca
```
#431fca rgb(67,31,202)
```
#ca981f
```
#ca981f rgb(202,152,31)
```
#1fa7ca
```
#1fa7ca rgb(31,167,202)
```

Split Complementary Color

#981fca
```
#981fca rgb(152,31,202)
```
#ca981f
```
#ca981f rgb(202,152,31)
```
#1fca98
```
#1fca98 rgb(31,202,152)
```

Triadic Color

#ca1f51
```
#ca1f51 rgb(202,31,81)
```
#ca981f
```
#ca981f rgb(202,152,31)
```
#1fca98
```
#1fca98 rgb(31,202,152)
```
#1f51ca
```
#1f51ca rgb(31,81,202)
```

Tetradic Color

#886615
```
#886615 rgb(136,102,21)
```
#9e7718
```
#9e7718 rgb(158,119,24)
```
#b4871c
```
#b4871c rgb(180,135,28)
```
#ca981f
```
#ca981f rgb(202,152,31)
```
#dea825
```
#dea825 rgb(222,168,37)
```
#e1b03b
```
#e1b03b rgb(225,176,59)
```
#e4b951
```
#e4b951 rgb(228,185,81)
```

Monochromatic Color

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

#ca6d1f
```
#ca6d1f rgb(202,109,31)
```
#ca7c1f
```
#ca7c1f rgb(202,124,31)
```
#ca8a1f
```
#ca8a1f rgb(202,138,31)
```
#ca981f
```
#ca981f rgb(202,152,31)
```
#caa61f
```
#caa61f rgb(202,166,31)
```
#cab51f
```
#cab51f rgb(202,181,31)
```
#cac31f
```
#cac31f rgb(202,195,31)
```

Similar Colors

Text with hexadecimal color #ca981f

This text has a font color of #ca981f.

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

#ca981f background color

This paragraph has a background color of #ca981f.

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

#ca981f border color

This element has a border color of #ca981f.

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

CSS codes

.text {color:#ca981f;}

.background {background-color:#ca981f;}

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

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

#0f0b02
```
#0f0b02 rgb(15,11,2)
```
#201805
```
#201805 rgb(32,24,5)
```
#312508
```
#312508 rgb(49,37,8)
```
#42320a
```
#42320a rgb(66,50,10)
```
#533e0d
```
#533e0d rgb(83,62,13)
```
#644b0f
```
#644b0f rgb(100,75,15)
```
#755812
```
#755812 rgb(117,88,18)
```
#866515
```
#866515 rgb(134,101,21)
```
#977217
```
#977217 rgb(151,114,23)
```
#a87e1a
```
#a87e1a rgb(168,126,26)
```
#b98b1c
```
#b98b1c rgb(185,139,28)
```
#ca981f
```
#ca981f rgb(202,152,31)
```
#dba522
```
#dba522 rgb(219,165,34)
```

Shade Color Variation

#dfac31
```
#dfac31 rgb(223,172,49)
```
#e2b342
```
#e2b342 rgb(226,179,66)
```
#e5ba53
```
#e5ba53 rgb(229,186,83)
```
#e7c164
```
#e7c164 rgb(231,193,100)
```
#eac875
```
#eac875 rgb(234,200,117)
```
#ecce86
```
#ecce86 rgb(236,206,134)
```
#efd597
```
#efd597 rgb(239,213,151)
```
#f2dca8
```
#f2dca8 rgb(242,220,168)
```
#f4e3b9
```
#f4e3b9 rgb(244,227,185)
```
#f7eaca
```
#f7eaca rgb(247,234,202)
```
#f9f1db
```
#f9f1db rgb(249,241,219)
```
#fcf7ec
```
#fcf7ec rgb(252,247,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#797770
```
#797770 rgb(121,119,112)
```
#827a67
```
#827a67 rgb(130,122,103)
```
#8b7e5e
```
#8b7e5e rgb(139,126,94)
```
#948255
```
#948255 rgb(148,130,85)
```
#9d854c
```
#9d854c rgb(157,133,76)
```
#a68943
```
#a68943 rgb(166,137,67)
```
#af8d3a
```
#af8d3a rgb(175,141,58)
```
#b89131
```
#b89131 rgb(184,145,49)
```
#c19428
```
#c19428 rgb(193,148,40)
```
#ca981f
```
#ca981f rgb(202,152,31)
```
#d39c16
```
#d39c16 rgb(211,156,22)
```
#dc9f0d
```
#dc9f0d rgb(220,159,13)
```
#e5a304
```
#e5a304 rgb(229,163,4)
```

Tone Color Variation

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

Dichromacy

#b8a52c Protanopia 1% of men
#cd9d2a Deuteranopia 1% of men
#d4939d Tritanopia 0.001% of the population

Trichromacy

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

#ca981f hex color

#ca981f Color Information

#ca981f Color Conversion

Color Schemes with #ca981f

Alternatives to #ca981f

#ca981f Preview

Shades and Tints of #ca981f

Tones of #ca981f

Color Blindness Simulator