colorhexa.com

#ca7d30 hex color

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

- R 79
- G 49
- B 19
RGB color chart
- C 0
- M 38
- Y 76
- K 21
CMYK color chart

● #ca7d30 color description : Strong orange.

The hexadecimal color #ca7d30 has RGB values of R:202, G:125, B:48 and CMYK values of C:0, M:0.38, Y:0.76, K:0.21. Its decimal value is 13270320.

Hex triplet	ca7d30	`#ca7d30`
RGB Decimal	202, 125, 48	`rgb(202,125,48)`
RGB Percent	79.2, 49, 18.8	`rgb(79.2%,49%,18.8%)`
CMYK	0, 38, 76, 21
HSL	30°, 61.6, 49	`hsl(30,61.6%,49%)`
HSV (or HSB)	30°, 76.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	59.379, 23.74, 52.22
XYZ	32.225, 27.44, 6.395
xyY	0.488, 0.415, 27.44
CIE-LCH	59.379, 57.363, 65.553
CIE-LUV	59.379, 62.186, 50.207
Hunter-Lab	52.383, 18.141, 29.429
Binary	11001010, 01111101, 00110000

#ca7d30
```
#ca7d30 rgb(202,125,48)
```
#307dca
```
#307dca rgb(48,125,202)
```

Complementary Color

#ca3030
```
#ca3030 rgb(202,48,48)
```
#ca7d30
```
#ca7d30 rgb(202,125,48)
```
#caca30
```
#caca30 rgb(202,202,48)
```

Analogous Color

#3030ca
```
#3030ca rgb(48,48,202)
```
#ca7d30
```
#ca7d30 rgb(202,125,48)
```
#30caca
```
#30caca rgb(48,202,202)
```

Split Complementary Color

#7d30ca
```
#7d30ca rgb(125,48,202)
```
#ca7d30
```
#ca7d30 rgb(202,125,48)
```
#30ca7d
```
#30ca7d rgb(48,202,125)
```

Triadic Color

#ca307d
```
#ca307d rgb(202,48,125)
```
#ca7d30
```
#ca7d30 rgb(202,125,48)
```
#30ca7d
```
#30ca7d rgb(48,202,125)
```
#307dca
```
#307dca rgb(48,125,202)
```

Tetradic Color

#8c5721
```
#8c5721 rgb(140,87,33)
```
#a16326
```
#a16326 rgb(161,99,38)
```
#b5702b
```
#b5702b rgb(181,112,43)
```
#ca7d30
```
#ca7d30 rgb(202,125,48)
```
#d28a42
```
#d28a42 rgb(210,138,66)
```
#d79756
```
#d79756 rgb(215,151,86)
```
#dca36b
```
#dca36b rgb(220,163,107)
```

Monochromatic Color

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

#ca5630
```
#ca5630 rgb(202,86,48)
```
#ca6330
```
#ca6330 rgb(202,99,48)
```
#ca7030
```
#ca7030 rgb(202,112,48)
```
#ca7d30
```
#ca7d30 rgb(202,125,48)
```
#ca8a30
```
#ca8a30 rgb(202,138,48)
```
#ca9730
```
#ca9730 rgb(202,151,48)
```
#caa430
```
#caa430 rgb(202,164,48)
```

Similar Colors

Text with hexadecimal color #ca7d30

This text has a font color of #ca7d30.

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

#ca7d30 background color

This paragraph has a background color of #ca7d30.

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

#ca7d30 border color

This element has a border color of #ca7d30.

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

CSS codes

.text {color:#ca7d30;}

.background {background-color:#ca7d30;}

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

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)
```
#5b3816
```
#5b3816 rgb(91,56,22)
```
#6b4219
```
#6b4219 rgb(107,66,25)
```
#7b4c1d
```
#7b4c1d rgb(123,76,29)
```
#8b5621
```
#8b5621 rgb(139,86,33)
```
#9a6025
```
#9a6025 rgb(154,96,37)
```
#aa6928
```
#aa6928 rgb(170,105,40)
```
#ba732c
```
#ba732c rgb(186,115,44)
```
#ca7d30
```
#ca7d30 rgb(202,125,48)
```

Shade Color Variation

#d1873d
```
#d1873d rgb(209,135,61)
```
#d5914d
```
#d5914d rgb(213,145,77)
```
#d89a5c
```
#d89a5c rgb(216,154,92)
```
#dca46c
```
#dca46c rgb(220,164,108)
```
#e0ae7c
```
#e0ae7c rgb(224,174,124)
```
#e4b88c
```
#e4b88c rgb(228,184,140)
```
#e7c29c
```
#e7c29c rgb(231,194,156)
```
#ebcbac
```
#ebcbac rgb(235,203,172)
```
#efd5bc
```
#efd5bc rgb(239,213,188)
```
#f3dfcb
```
#f3dfcb rgb(243,223,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 #f07d0a is the most saturated one.

#7d7d7d
```
#7d7d7d rgb(125,125,125)
```
#877d73
```
#877d73 rgb(135,125,115)
```
#907d6a
```
#907d6a rgb(144,125,106)
```
#9a7d60
```
#9a7d60 rgb(154,125,96)
```
#a47d56
```
#a47d56 rgb(164,125,86)
```
#ad7d4d
```
#ad7d4d rgb(173,125,77)
```
#b77d43
```
#b77d43 rgb(183,125,67)
```
#c07d3a
```
#c07d3a rgb(192,125,58)
```
#ca7d30
```
#ca7d30 rgb(202,125,48)
```
#d47d26
```
#d47d26 rgb(212,125,38)
```
#dd7d1d
```
#dd7d1d rgb(221,125,29)
```
#e77d13
```
#e77d13 rgb(231,125,19)
```
#f07d0a
```
#f07d0a rgb(240,125,10)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#988879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5943f Protanopia 1% of men
#b88d36 Deuteranopia 1% of men
#d17c84 Tritanopia 0.001% of the population

Trichromacy

#b28c39 Protanomaly 1% of men, 0.01% of women
#be8734 Deuteranomaly 6% of men, 0.4% of women
#ce7c65 Tritanomaly 0.01% of the population