#cf7a31 hex color

In a RGB color space, hex #cf7a31 is composed of 81.2% red, 47.8% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.1% magenta, 76.3% yellow and 18.8% black. It has a hue angle of 27.7 degrees, a saturation of 62.2% and a lightness of 50.2%. #cf7a31 color hex could be obtained by blending #fff462 with #9f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 81
- G 48
- B 19
RGB color chart
- C 0
- M 41
- Y 76
- K 19
CMYK color chart

● #cf7a31 color description : Strong orange.

The hexadecimal color #cf7a31 has RGB values of R:207, G:122, B:49 and CMYK values of C:0, M:0.41, Y:0.76, K:0.19. Its decimal value is 13597233.

Hex triplet	cf7a31	`#cf7a31`
RGB Decimal	207, 122, 49	`rgb(207,122,49)`
RGB Percent	81.2, 47.8, 19.2	`rgb(81.2%,47.8%,19.2%)`
CMYK	0, 41, 76, 19
HSL	27.7°, 62.2, 50.2	`hsl(27.7,62.2%,50.2%)`
HSV (or HSB)	27.7°, 76.3, 81.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	59.351, 27.508, 51.971
XYZ	33.247, 27.409, 6.445
xyY	0.495, 0.408, 27.409
CIE-LCH	59.351, 58.802, 62.108
CIE-LUV	59.351, 68.629, 49.093
Hunter-Lab	52.353, 21.738, 29.348
Binary	11001111, 01111010, 00110001

#cf7a31
```
#cf7a31 rgb(207,122,49)
```
#3186cf
```
#3186cf rgb(49,134,207)
```

Complementary Color

#cf3137
```
#cf3137 rgb(207,49,55)
```
#cf7a31
```
#cf7a31 rgb(207,122,49)
```
#cfc931
```
#cfc931 rgb(207,201,49)
```

Analogous Color

#3137cf
```
#3137cf rgb(49,55,207)
```
#cf7a31
```
#cf7a31 rgb(207,122,49)
```
#31cfc9
```
#31cfc9 rgb(49,207,201)
```

Split Complementary Color

#7a31cf
```
#7a31cf rgb(122,49,207)
```
#cf7a31
```
#cf7a31 rgb(207,122,49)
```
#31cf7a
```
#31cf7a rgb(49,207,122)
```

Triadic Color

#cf3186
```
#cf3186 rgb(207,49,134)
```
#cf7a31
```
#cf7a31 rgb(207,122,49)
```
#31cf7a
```
#31cf7a rgb(49,207,122)
```
#3186cf
```
#3186cf rgb(49,134,207)
```

Tetradic Color

#925622
```
#925622 rgb(146,86,34)
```
#a66227
```
#a66227 rgb(166,98,39)
```
#bb6e2c
```
#bb6e2c rgb(187,110,44)
```
#cf7a31
```
#cf7a31 rgb(207,122,49)
```
#d48746
```
#d48746 rgb(212,135,70)
```
#d9955a
```
#d9955a rgb(217,149,90)
```
#dda26f
```
#dda26f rgb(221,162,111)
```

Monochromatic Color

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

#cf5331
```
#cf5331 rgb(207,83,49)
```
#cf6031
```
#cf6031 rgb(207,96,49)
```
#cf6d31
```
#cf6d31 rgb(207,109,49)
```
#cf7a31
```
#cf7a31 rgb(207,122,49)
```
#cf8731
```
#cf8731 rgb(207,135,49)
```
#cf9431
```
#cf9431 rgb(207,148,49)
```
#cfa231
```
#cfa231 rgb(207,162,49)
```

Similar Colors

Text with hexadecimal color #cf7a31

This text has a font color of #cf7a31.

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

#cf7a31 background color

This paragraph has a background color of #cf7a31.

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

#cf7a31 border color

This element has a border color of #cf7a31.

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

CSS codes

.text {color:#cf7a31;}

.background {background-color:#cf7a31;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110a04
```
#110a04 rgb(17,10,4)
```
#211308
```
#211308 rgb(33,19,8)
```
#311d0b
```
#311d0b rgb(49,29,11)
```
#40260f
```
#40260f rgb(64,38,15)
```
#502f13
```
#502f13 rgb(80,47,19)
```
#603916
```
#603916 rgb(96,57,22)
```
#70421a
```
#70421a rgb(112,66,26)
```
#804b1e
```
#804b1e rgb(128,75,30)
```
#905522
```
#905522 rgb(144,85,34)
```
#a05e25
```
#a05e25 rgb(160,94,37)
```
#b06729
```
#b06729 rgb(176,103,41)
```
#c0712d
```
#c0712d rgb(192,113,45)
```

Shade Color Variation

#cf7a31
```
#cf7a31 rgb(207,122,49)
```
#d38441
```
#d38441 rgb(211,132,65)
```
#d68f51
```
#d68f51 rgb(214,143,81)
```
#da9961
```
#da9961 rgb(218,153,97)
```
#dea371
```
#dea371 rgb(222,163,113)
```
#e2ad81
```
#e2ad81 rgb(226,173,129)
```
#e5b890
```
#e5b890 rgb(229,184,144)
```
#e9c2a0
```
#e9c2a0 rgb(233,194,160)
```
#edccb0
```
#edccb0 rgb(237,204,176)
```
#f0d6c0
```
#f0d6c0 rgb(240,214,192)
```
#f4e1d0
```
#f4e1d0 rgb(244,225,208)
```
#f8ebe0
```
#f8ebe0 rgb(248,235,224)
```
#fbf5f0
```
#fbf5f0 rgb(251,245,240)
```

Tint Color Variation

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

#81807f
```
#81807f rgb(129,128,127)
```
#8b7f75
```
#8b7f75 rgb(139,127,117)
```
#947e6c
```
#947e6c rgb(148,126,108)
```
#9e7e62
```
#9e7e62 rgb(158,126,98)
```
#a87d58
```
#a87d58 rgb(168,125,88)
```
#b27c4e
```
#b27c4e rgb(178,124,78)
```
#bb7b45
```
#bb7b45 rgb(187,123,69)
```
#c57b3b
```
#c57b3b rgb(197,123,59)
```
#cf7a31
```
#cf7a31 rgb(207,122,49)
```
#d97927
```
#d97927 rgb(217,121,39)
```
#e3791d
```
#e3791d rgb(227,121,29)
```
#ec7814
```
#ec7814 rgb(236,120,20)
```
#f6770a
```
#f6770a rgb(246,119,10)
```

Tone Color Variation

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

Dichromacy

#a49441 Protanopia 1% of men
#b88d36 Deuteranopia 1% of men
#d57981 Tritanopia 0.001% of the population

Trichromacy

#b48b3b Protanomaly 1% of men, 0.01% of women
#c08634 Deuteranomaly 6% of men, 0.4% of women
#d37964 Tritanomaly 0.01% of the population

#cf7a31 hex color

#cf7a31 Color Information

#cf7a31 Color Conversion

Color Schemes with #cf7a31

Alternatives to #cf7a31

#cf7a31 Preview

Shades and Tints of #cf7a31

Tones of #cf7a31

Color Blindness Simulator