#ca5f02 hex color

In a RGB color space, hex #ca5f02 is composed of 79.2% red, 37.3% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53% magenta, 99% yellow and 20.8% black. It has a hue angle of 27.9 degrees, a saturation of 98% and a lightness of 40%. #ca5f02 color hex could be obtained by blending #ffbe04 with #950000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 79
- G 37
- B 1
RGB color chart
- C 0
- M 53
- Y 99
- K 21
CMYK color chart

● #ca5f02 color description : Strong orange.

The hexadecimal color #ca5f02 has RGB values of R:202, G:95, B:2 and CMYK values of C:0, M:0.53, Y:0.99, K:0.21. Its decimal value is 13262594.

Hex triplet	ca5f02	`#ca5f02`
RGB Decimal	202, 95, 2	`rgb(202,95,2)`
RGB Percent	79.2, 37.3, 0.8	`rgb(79.2%,37.3%,0.8%)`
CMYK	0, 53, 99, 21
HSL	27.9°, 98, 40	`hsl(27.9,98%,40%)`
HSV (or HSB)	27.9°, 99, 79.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	52.673, 38.507, 61.079
XYZ	28.461, 20.748, 2.563
xyY	0.55, 0.401, 20.748
CIE-LCH	52.673, 72.204, 57.771
CIE-LUV	52.673, 88.943, 47.399
Hunter-Lab	45.55, 31.821, 28.548
Binary	11001010, 01011111, 00000010

#ca5f02
```
#ca5f02 rgb(202,95,2)
```
#026dca
```
#026dca rgb(2,109,202)
```

Complementary Color

#ca0209
```
#ca0209 rgb(202,2,9)
```
#ca5f02
```
#ca5f02 rgb(202,95,2)
```
#cac302
```
#cac302 rgb(202,195,2)
```

Analogous Color

#0209ca
```
#0209ca rgb(2,9,202)
```
#ca5f02
```
#ca5f02 rgb(202,95,2)
```
#02cac3
```
#02cac3 rgb(2,202,195)
```

Split Complementary Color

#5f02ca
```
#5f02ca rgb(95,2,202)
```
#ca5f02
```
#ca5f02 rgb(202,95,2)
```
#02ca5f
```
#02ca5f rgb(2,202,95)
```

Triadic Color

#ca026d
```
#ca026d rgb(202,2,109)
```
#ca5f02
```
#ca5f02 rgb(202,95,2)
```
#02ca5f
```
#02ca5f rgb(2,202,95)
```
#026dca
```
#026dca rgb(2,109,202)
```

Tetradic Color

#7e3b01
```
#7e3b01 rgb(126,59,1)
```
#984701
```
#984701 rgb(152,71,1)
```
#b15302
```
#b15302 rgb(177,83,2)
```
#ca5f02
```
#ca5f02 rgb(202,95,2)
```
#e36b02
```
#e36b02 rgb(227,107,2)
```
#fd7702
```
#fd7702 rgb(253,119,2)
```
#fd841c
```
#fd841c rgb(253,132,28)
```

Monochromatic Color

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

#ca2d02
```
#ca2d02 rgb(202,45,2)
```
#ca3e02
```
#ca3e02 rgb(202,62,2)
```
#ca4e02
```
#ca4e02 rgb(202,78,2)
```
#ca5f02
```
#ca5f02 rgb(202,95,2)
```
#ca7002
```
#ca7002 rgb(202,112,2)
```
#ca8002
```
#ca8002 rgb(202,128,2)
```
#ca9102
```
#ca9102 rgb(202,145,2)
```

Similar Colors

Text with hexadecimal color #ca5f02

This text has a font color of #ca5f02.

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

#ca5f02 background color

This paragraph has a background color of #ca5f02.

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

#ca5f02 border color

This element has a border color of #ca5f02.

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

CSS codes

.text {color:#ca5f02;}

.background {background-color:#ca5f02;}

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

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

#080400
```
#080400 rgb(8,4,0)
```
#1b0d00
```
#1b0d00 rgb(27,13,0)
```
#2f1600
```
#2f1600 rgb(47,22,0)
```
#421f01
```
#421f01 rgb(66,31,1)
```
#552801
```
#552801 rgb(85,40,1)
```
#693101
```
#693101 rgb(105,49,1)
```
#7c3a01
```
#7c3a01 rgb(124,58,1)
```
#904401
```
#904401 rgb(144,68,1)
```
#a34d02
```
#a34d02 rgb(163,77,2)
```
#b75602
```
#b75602 rgb(183,86,2)
```
#ca5f02
```
#ca5f02 rgb(202,95,2)
```
#dd6802
```
#dd6802 rgb(221,104,2)
```
#f17102
```
#f17102 rgb(241,113,2)
```

Shade Color Variation

#fd7b0a
```
#fd7b0a rgb(253,123,10)
```
#fd851e
```
#fd851e rgb(253,133,30)
```
#fd9031
```
#fd9031 rgb(253,144,49)
```
#fd9a45
```
#fd9a45 rgb(253,154,69)
```
#fda558
```
#fda558 rgb(253,165,88)
```
#feaf6b
```
#feaf6b rgb(254,175,107)
```
#feba7f
```
#feba7f rgb(254,186,127)
```
#fec492
```
#fec492 rgb(254,196,146)
```
#fecfa6
```
#fecfa6 rgb(254,207,166)
```
#fed9b9
```
#fed9b9 rgb(254,217,185)
```
#ffe4cd
```
#ffe4cd rgb(255,228,205)
```
#ffeee0
```
#ffeee0 rgb(255,238,224)
```
#fff9f3
```
#fff9f3 rgb(255,249,243)
```

Tint Color Variation

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

#6c6660
```
#6c6660 rgb(108,102,96)
```
#746558
```
#746558 rgb(116,101,88)
```
#7c6450
```
#7c6450 rgb(124,100,80)
```
#836449
```
#836449 rgb(131,100,73)
```
#8b6341
```
#8b6341 rgb(139,99,65)
```
#936339
```
#936339 rgb(147,99,57)
```
#9b6231
```
#9b6231 rgb(155,98,49)
```
#a36229
```
#a36229 rgb(163,98,41)
```
#ab6121
```
#ab6121 rgb(171,97,33)
```
#b2611a
```
#b2611a rgb(178,97,26)
```
#ba6012
```
#ba6012 rgb(186,96,18)
```
#c2600a
```
#c2600a rgb(194,96,10)
```
#ca5f02
```
#ca5f02 rgb(202,95,2)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#85705d Atypical Achromatopsia 0.001% of the population

Dichromacy

#948417 Protanopia 1% of men
#a57e00 Deuteranopia 1% of men
#cf6066 Tritanopia 0.001% of the population

Trichromacy

#a7770f Protanomaly 1% of men, 0.01% of women
#b27200 Deuteranomaly 6% of men, 0.4% of women
#cd6041 Tritanomaly 0.01% of the population

#ca5f02 hex color

#ca5f02 Color Information

#ca5f02 Color Conversion

Color Schemes with #ca5f02

Alternatives to #ca5f02

#ca5f02 Preview

Shades and Tints of #ca5f02

Tones of #ca5f02

Color Blindness Simulator