#cf551b Color Information
In a RGB color space, hex #cf551b is composed of 81.2% red, 33.3% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.9% magenta, 87% yellow and 18.8% black. It has a hue angle of 19.3 degrees, a saturation of 76.9% and a lightness of 45.9%. #cf551b color hex could be obtained by blending #ffaa36 with #9f0000. Closest websafe color is: #cc6633.
-
- R 81
- G 33
- B 11
-
- C 0
- M 59
- Y 87
- K 19
● #cf551b color description : Strong orange.
#cf551b Color Conversion
The hexadecimal color #cf551b has RGB values of R:207, G:85, B:27 and CMYK values of C:0, M:0.59, Y:0.87, K:0.19. Its decimal value is 13587739.
| Hex triplet | cf551b | #cf551b |
|---|---|---|
| RGB Decimal | 207, 85, 27 | rgb(207,85,27) |
| RGB Percent | 81.2, 33.3, 10.6 | rgb(81.2%,33.3%,10.6%) |
| CMYK | 0, 59, 87, 19 | |
| HSL | 19.3°, 76.9, 45.9 | hsl(19.3,76.9%,45.9%) |
| HSV (or HSB) | 19.3°, 87, 81.2 | |
| Web Safe | cc6633 | #cc6633 |
| CIE-LAB | 51.661, 45.658, 54.108 |
|---|---|
| XYZ | 29.18, 19.845, 3.331 |
| xyY | 0.557, 0.379, 19.845 |
| CIE-LCH | 51.661, 70.798, 49.841 |
| CIE-LUV | 51.661, 99.846, 41.564 |
| Hunter-Lab | 44.547, 38.965, 26.75 |
| Binary | 11001111, 01010101, 00011011 |
Color Schemes with #cf551b
Alternatives to #cf551b
Below, you can see some colors close to #cf551b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cf551b Preview
This text has a font color of #cf551b.
<span style="color:#cf551b;">Text here</span>
This paragraph has a background color of #cf551b.
<p style="background-color:#cf551b;">Content here</p>
This element has a border color of #cf551b.
<div style="border:1px solid #cf551b;">Content here</div>
.text {color:#cf551b;}
.background {background-color:#cf551b;}
.border {border:1px solid #cf551b;}
Shades and Tints of #cf551b
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, #100702 is the darkest color, while #fffefe is the lightest one.
-
#100702
#100702rgb(16,7,2) -
#210e04
#210e04rgb(33,14,4) -
#331507
#331507rgb(51,21,7) -
#441c09
#441c09rgb(68,28,9) -
#56230b
#56230brgb(86,35,11) -
#672a0d
#672a0drgb(103,42,13) -
#783110
#783110rgb(120,49,16) -
#8a3812
#8a3812rgb(138,56,18) -
#9b4014
#9b4014rgb(155,64,20) -
#ac4716
#ac4716rgb(172,71,22) -
#be4e19
#be4e19rgb(190,78,25) -
#cf551b
#cf551brgb(207,85,27) -
#e05c1d
#e05c1drgb(224,92,29)
-
#e4682e
#e4682ergb(228,104,46) -
#e6753f
#e6753frgb(230,117,63) -
#e88150
#e88150rgb(232,129,80) -
#ea8e62
#ea8e62rgb(234,142,98) -
#ed9a73
#ed9a73rgb(237,154,115) -
#efa784
#efa784rgb(239,167,132) -
#f1b396
#f1b396rgb(241,179,150) -
#f4c0a7
#f4c0a7rgb(244,192,167) -
#f6ccb8
#f6ccb8rgb(246,204,184) -
#f8d9ca
#f8d9cargb(248,217,202) -
#fae5db
#fae5dbrgb(250,229,219) -
#fdf2ec
#fdf2ecrgb(253,242,236) -
#fffefe
#fffefergb(255,254,254)
Tones of #cf551b
A tone is produced by adding gray to any pure hue. In this case, #757575 is the less saturated color, while #e14f09 is the most saturated one.
-
#757575
#757575rgb(117,117,117) -
#7e726c
#7e726crgb(126,114,108) -
#876f63
#876f63rgb(135,111,99) -
#906b5a
#906b5argb(144,107,90) -
#996851
#996851rgb(153,104,81) -
#a26548
#a26548rgb(162,101,72) -
#ab623f
#ab623frgb(171,98,63) -
#b45f36
#b45f36rgb(180,95,54) -
#bd5b2d
#bd5b2drgb(189,91,45) -
#c65824
#c65824rgb(198,88,36) -
#cf551b
#cf551brgb(207,85,27) -
#d85212
#d85212rgb(216,82,18) -
#e14f09
#e14f09rgb(225,79,9)
Color Blindness Simulator
Below, you can see how #cf551b 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.
