#ca7f30 hex color

In a RGB color space, hex #ca7f30 is composed of 79.2% red, 49.8% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.1% magenta, 76.2% yellow and 20.8% black. It has a hue angle of 30.8 degrees, a saturation of 61.6% and a lightness of 49%. #ca7f30 color hex could be obtained by blending #fffe60 with #950000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 79
- G 50
- B 19
RGB color chart
- C 0
- M 37
- Y 76
- K 21
CMYK color chart

● #ca7f30 color description : Strong orange.

The hexadecimal color #ca7f30 has RGB values of R:202, G:127, B:48 and CMYK values of C:0, M:0.37, Y:0.76, K:0.21. Its decimal value is 13270832.

Hex triplet	ca7f30	`#ca7f30`
RGB Decimal	202, 127, 48	`rgb(202,127,48)`
RGB Percent	79.2, 49.8, 18.8	`rgb(79.2%,49.8%,18.8%)`
CMYK	0, 37, 76, 21
HSL	30.8°, 61.6, 49	`hsl(30.8,61.6%,49%)`
HSV (or HSB)	30.8°, 76.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	59.845, 22.653, 52.679
XYZ	32.481, 27.951, 6.481
xyY	0.485, 0.418, 27.951
CIE-LCH	59.845, 57.343, 66.731
CIE-LUV	59.845, 60.601, 50.994
Hunter-Lab	52.869, 17.144, 29.74
Binary	11001010, 01111111, 00110000

#ca7f30
```
#ca7f30 rgb(202,127,48)
```
#307bca
```
#307bca rgb(48,123,202)
```

Complementary Color

#ca3230
```
#ca3230 rgb(202,50,48)
```
#ca7f30
```
#ca7f30 rgb(202,127,48)
```
#c8ca30
```
#c8ca30 rgb(200,202,48)
```

Analogous Color

#3230ca
```
#3230ca rgb(50,48,202)
```
#ca7f30
```
#ca7f30 rgb(202,127,48)
```
#30c8ca
```
#30c8ca rgb(48,200,202)
```

Split Complementary Color

#7f30ca
```
#7f30ca rgb(127,48,202)
```
#ca7f30
```
#ca7f30 rgb(202,127,48)
```
#30ca7f
```
#30ca7f rgb(48,202,127)
```

Triadic Color

#ca307b
```
#ca307b rgb(202,48,123)
```
#ca7f30
```
#ca7f30 rgb(202,127,48)
```
#30ca7f
```
#30ca7f rgb(48,202,127)
```
#307bca
```
#307bca rgb(48,123,202)
```

Tetradic Color

#8c5821
```
#8c5821 rgb(140,88,33)
```
#a16526
```
#a16526 rgb(161,101,38)
```
#b5722b
```
#b5722b rgb(181,114,43)
```
#ca7f30
```
#ca7f30 rgb(202,127,48)
```
#d28c42
```
#d28c42 rgb(210,140,66)
```
#d79856
```
#d79856 rgb(215,152,86)
```
#dca56b
```
#dca56b rgb(220,165,107)
```

Monochromatic Color

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

#ca5930
```
#ca5930 rgb(202,89,48)
```
#ca6530
```
#ca6530 rgb(202,101,48)
```
#ca7230
```
#ca7230 rgb(202,114,48)
```
#ca7f30
```
#ca7f30 rgb(202,127,48)
```
#ca8c30
```
#ca8c30 rgb(202,140,48)
```
#ca9930
```
#ca9930 rgb(202,153,48)
```
#caa630
```
#caa630 rgb(202,166,48)
```

Similar Colors

Text with hexadecimal color #ca7f30

This text has a font color of #ca7f30.

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

#ca7f30 background color

This paragraph has a background color of #ca7f30.

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

#ca7f30 border color

This element has a border color of #ca7f30.

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

CSS codes

.text {color:#ca7f30;}

.background {background-color:#ca7f30;}

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

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

#0c0703
```
#0c0703 rgb(12,7,3)
```
#1c1107
```
#1c1107 rgb(28,17,7)
```
#2c1b0a
```
#2c1b0a rgb(44,27,10)
```
#3b250e
```
#3b250e rgb(59,37,14)
```
#4b2f12
```
#4b2f12 rgb(75,47,18)
```
#5b3916
```
#5b3916 rgb(91,57,22)
```
#6b4319
```
#6b4319 rgb(107,67,25)
```
#7b4d1d
```
#7b4d1d rgb(123,77,29)
```
#8b5721
```
#8b5721 rgb(139,87,33)
```
#9a6125
```
#9a6125 rgb(154,97,37)
```
#aa6b28
```
#aa6b28 rgb(170,107,40)
```
#ba752c
```
#ba752c rgb(186,117,44)
```
#ca7f30
```
#ca7f30 rgb(202,127,48)
```

Shade Color Variation

#d1893d
```
#d1893d rgb(209,137,61)
```
#d5924d
```
#d5924d rgb(213,146,77)
```
#d89c5c
```
#d89c5c rgb(216,156,92)
```
#dca66c
```
#dca66c rgb(220,166,108)
```
#e0af7c
```
#e0af7c rgb(224,175,124)
```
#e4b98c
```
#e4b98c rgb(228,185,140)
```
#e7c39c
```
#e7c39c rgb(231,195,156)
```
#ebccac
```
#ebccac rgb(235,204,172)
```
#efd6bc
```
#efd6bc rgb(239,214,188)
```
#f3e0cb
```
#f3e0cb rgb(243,224,203)
```
#f7e9db
```
#f7e9db rgb(247,233,219)
```
#faf3eb
```
#faf3eb rgb(250,243,235)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#7d7d7d
```
#7d7d7d rgb(125,125,125)
```
#877d73
```
#877d73 rgb(135,125,115)
```
#907e6a
```
#907e6a rgb(144,126,106)
```
#9a7e60
```
#9a7e60 rgb(154,126,96)
```
#a47e56
```
#a47e56 rgb(164,126,86)
```
#ad7e4d
```
#ad7e4d rgb(173,126,77)
```
#b77f43
```
#b77f43 rgb(183,127,67)
```
#c07f3a
```
#c07f3a rgb(192,127,58)
```
#ca7f30
```
#ca7f30 rgb(202,127,48)
```
#d47f26
```
#d47f26 rgb(212,127,38)
```
#dd7f1d
```
#dd7f1d rgb(221,127,29)
```
#e78013
```
#e78013 rgb(231,128,19)
```
#f0800a
```
#f0800a rgb(240,128,10)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#98897a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6963f Protanopia 1% of men
#b98e37 Deuteranopia 1% of men
#d17d86 Tritanopia 0.001% of the population

Trichromacy

#b38d39 Protanomaly 1% of men, 0.01% of women
#bf8934 Deuteranomaly 6% of men, 0.4% of women
#ce7e66 Tritanomaly 0.01% of the population

#ca7f30 hex color

#ca7f30 Color Information

#ca7f30 Color Conversion

Color Schemes with #ca7f30

Alternatives to #ca7f30

#ca7f30 Preview

Shades and Tints of #ca7f30

Tones of #ca7f30

Color Blindness Simulator