#cf552a hex color

In a RGB color space, hex #cf552a is composed of 81.2% red, 33.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.9% magenta, 79.7% yellow and 18.8% black. It has a hue angle of 15.6 degrees, a saturation of 66.3% and a lightness of 48.8%. #cf552a color hex could be obtained by blending #ffaa54 with #9f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 81
- G 33
- B 16
RGB color chart
- C 0
- M 59
- Y 80
- K 19
CMYK color chart

● #cf552a color description : Strong orange.

The hexadecimal color #cf552a has RGB values of R:207, G:85, B:42 and CMYK values of C:0, M:0.59, Y:0.8, K:0.19. Its decimal value is 13587754.

Hex triplet	cf552a	`#cf552a`
RGB Decimal	207, 85, 42	`rgb(207,85,42)`
RGB Percent	81.2, 33.3, 16.5	`rgb(81.2%,33.3%,16.5%)`
CMYK	0, 59, 80, 19
HSL	15.6°, 66.3, 48.8	`hsl(15.6,66.3%,48.8%)`
HSV (or HSB)	15.6°, 79.7, 81.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.761, 46.074, 47.734
XYZ	29.4, 19.933, 4.49
xyY	0.546, 0.37, 19.933
CIE-LCH	51.761, 66.343, 46.014
CIE-LUV	51.761, 98.35, 37.968
Hunter-Lab	44.646, 39.413, 25.29
Binary	11001111, 01010101, 00101010

#cf552a
```
#cf552a rgb(207,85,42)
```
#2aa4cf
```
#2aa4cf rgb(42,164,207)
```

Complementary Color

#cf2a52
```
#cf2a52 rgb(207,42,82)
```
#cf552a
```
#cf552a rgb(207,85,42)
```
#cfa82a
```
#cfa82a rgb(207,168,42)
```

Analogous Color

#2a52cf
```
#2a52cf rgb(42,82,207)
```
#cf552a
```
#cf552a rgb(207,85,42)
```
#2acfa8
```
#2acfa8 rgb(42,207,168)
```

Split Complementary Color

#552acf
```
#552acf rgb(85,42,207)
```
#cf552a
```
#cf552a rgb(207,85,42)
```
#2acf55
```
#2acf55 rgb(42,207,85)
```

Triadic Color

#cf2aa4
```
#cf2aa4 rgb(207,42,164)
```
#cf552a
```
#cf552a rgb(207,85,42)
```
#2acf55
```
#2acf55 rgb(42,207,85)
```
#2aa4cf
```
#2aa4cf rgb(42,164,207)
```

Tetradic Color

#8f3b1d
```
#8f3b1d rgb(143,59,29)
```
#a54421
```
#a54421 rgb(165,68,33)
```
#ba4c26
```
#ba4c26 rgb(186,76,38)
```
#cf552a
```
#cf552a rgb(207,85,42)
```
#d7643b
```
#d7643b rgb(215,100,59)
```
#dc7550
```
#dc7550 rgb(220,117,80)
```
#e08566
```
#e08566 rgb(224,133,102)
```

Monochromatic Color

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

#cf2c2a
```
#cf2c2a rgb(207,44,42)
```
#cf392a
```
#cf392a rgb(207,57,42)
```
#cf472a
```
#cf472a rgb(207,71,42)
```
#cf552a
```
#cf552a rgb(207,85,42)
```
#cf632a
```
#cf632a rgb(207,99,42)
```
#cf712a
```
#cf712a rgb(207,113,42)
```
#cf7e2a
```
#cf7e2a rgb(207,126,42)
```

Similar Colors

Text with hexadecimal color #cf552a

This text has a font color of #cf552a.

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

#cf552a background color

This paragraph has a background color of #cf552a.

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

#cf552a border color

This element has a border color of #cf552a.

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

CSS codes

.text {color:#cf552a;}

.background {background-color:#cf552a;}

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

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

#0b0502
```
#0b0502 rgb(11,5,2)
```
#1c0b06
```
#1c0b06 rgb(28,11,6)
```
#2c1209
```
#2c1209 rgb(44,18,9)
```
#3c190c
```
#3c190c rgb(60,25,12)
```
#4d1f10
```
#4d1f10 rgb(77,31,16)
```
#5d2613
```
#5d2613 rgb(93,38,19)
```
#6d2d16
```
#6d2d16 rgb(109,45,22)
```
#7d3419
```
#7d3419 rgb(125,52,25)
```
#8e3a1d
```
#8e3a1d rgb(142,58,29)
```
#9e4120
```
#9e4120 rgb(158,65,32)
```
#ae4823
```
#ae4823 rgb(174,72,35)
```
#bf4e27
```
#bf4e27 rgb(191,78,39)
```
#cf552a
```
#cf552a rgb(207,85,42)
```

Shade Color Variation

#d66036
```
#d66036 rgb(214,96,54)
```
#da6d47
```
#da6d47 rgb(218,109,71)
```
#dd7a57
```
#dd7a57 rgb(221,122,87)
```
#e08767
```
#e08767 rgb(224,135,103)
```
#e49478
```
#e49478 rgb(228,148,120)
```
#e7a188
```
#e7a188 rgb(231,161,136)
```
#eaae98
```
#eaae98 rgb(234,174,152)
```
#edbaa8
```
#edbaa8 rgb(237,186,168)
```
#f1c7b9
```
#f1c7b9 rgb(241,199,185)
```
#f4d4c9
```
#f4d4c9 rgb(244,212,201)
```
#f7e1d9
```
#f7e1d9 rgb(247,225,217)
```
#fbeeea
```
#fbeeea rgb(251,238,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#827a77
```
#827a77 rgb(130,122,119)
```
#8c756d
```
#8c756d rgb(140,117,109)
```
#967163
```
#967163 rgb(150,113,99)
```
#9f6c5a
```
#9f6c5a rgb(159,108,90)
```
#a96750
```
#a96750 rgb(169,103,80)
```
#b26347
```
#b26347 rgb(178,99,71)
```
#bc5e3d
```
#bc5e3d rgb(188,94,61)
```
#c55a34
```
#c55a34 rgb(197,90,52)
```
#cf552a
```
#cf552a rgb(207,85,42)
```
#d95020
```
#d95020 rgb(217,80,32)
```
#e24c17
```
#e24c17 rgb(226,76,23)
```
#ec470d
```
#ec470d rgb(236,71,13)
```
#f54304
```
#f54304 rgb(245,67,4)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#876f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f823f Protanopia 1% of men
#a17c2a Deuteranopia 1% of men
#d3595e Tritanopia 0.001% of the population

Trichromacy

#a67137 Protanomaly 1% of men, 0.01% of women
#b26d2a Deuteranomaly 6% of men, 0.4% of women
#d1574b Tritanomaly 0.01% of the population

#cf552a hex color

#cf552a Color Information

#cf552a Color Conversion

Color Schemes with #cf552a

Alternatives to #cf552a

#cf552a Preview

Shades and Tints of #cf552a

Tones of #cf552a

Color Blindness Simulator