#cf550a Color Information
In a RGB color space, hex #cf550a is composed of 81.2% red, 33.3% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.9% magenta, 95.2% yellow and 18.8% black. It has a hue angle of 22.8 degrees, a saturation of 90.8% and a lightness of 42.5%. #cf550a color hex could be obtained by blending #ffaa14 with #9f0000. Closest websafe color is: #cc6600.
-
- R 81
- G 33
- B 4
-
- C 0
- M 59
- Y 95
- K 19
● #cf550a color description : Strong orange.
#cf550a Color Conversion
The hexadecimal color #cf550a has RGB values of R:207, G:85, B:10 and CMYK values of C:0, M:0.59, Y:0.95, K:0.19. Its decimal value is 13587722.
| Hex triplet | cf550a | #cf550a |
|---|---|---|
| RGB Decimal | 207, 85, 10 | rgb(207,85,10) |
| RGB Percent | 81.2, 33.3, 3.9 | rgb(81.2%,33.3%,3.9%) |
| CMYK | 0, 59, 95, 19 | |
| HSL | 22.8°, 90.8, 42.5 | hsl(22.8,90.8%,42.5%) |
| HSV (or HSB) | 22.8°, 95.2, 81.2 | |
| Web Safe | cc6600 | #cc6600 |
| CIE-LAB | 51.596, 45.387, 59.119 |
|---|---|
| XYZ | 29.037, 19.787, 2.578 |
| xyY | 0.565, 0.385, 19.787 |
| CIE-LCH | 51.596, 74.532, 52.486 |
| CIE-LUV | 51.596, 100.842, 43.953 |
| Hunter-Lab | 44.483, 38.672, 27.703 |
| Binary | 11001111, 01010101, 00001010 |
Color Schemes with #cf550a
Alternatives to #cf550a
Below, you can see some colors close to #cf550a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#cf550a Preview
This text has a font color of #cf550a.
<span style="color:#cf550a;">Text here</span>
This paragraph has a background color of #cf550a.
<p style="background-color:#cf550a;">Content here</p>
This element has a border color of #cf550a.
<div style="border:1px solid #cf550a;">Content here</div>
.text {color:#cf550a;}
.background {background-color:#cf550a;}
.border {border:1px solid #cf550a;}
Shades and Tints of #cf550a
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 #fef4ed is the lightest one.
-
#010000
#010000rgb(1,0,0) -
#140801
#140801rgb(20,8,1) -
#271002
#271002rgb(39,16,2) -
#391803
#391803rgb(57,24,3) -
#4c1f04
#4c1f04rgb(76,31,4) -
#5f2705
#5f2705rgb(95,39,5) -
#712f05
#712f05rgb(113,47,5) -
#843606
#843606rgb(132,54,6) -
#973e07
#973e07rgb(151,62,7) -
#aa4608
#aa4608rgb(170,70,8) -
#bc4d09
#bc4d09rgb(188,77,9) -
#cf550a
#cf550argb(207,85,10) -
#e25d0b
#e25d0brgb(226,93,11)
-
#f3650d
#f3650drgb(243,101,13) -
#f47120
#f47120rgb(244,113,32) -
#f57c32
#f57c32rgb(245,124,50) -
#f68845
#f68845rgb(246,136,69) -
#f79458
#f79458rgb(247,148,88) -
#f8a06a
#f8a06argb(248,160,106) -
#f9ac7d
#f9ac7drgb(249,172,125) -
#fab890
#fab890rgb(250,184,144) -
#fbc4a3
#fbc4a3rgb(251,196,163) -
#fbd0b5
#fbd0b5rgb(251,208,181) -
#fcdcc8
#fcdcc8rgb(252,220,200) -
#fde8db
#fde8dbrgb(253,232,219) -
#fef4ed
#fef4edrgb(254,244,237)
Tones of #cf550a
A tone is produced by adding gray to any pure hue. In this case, #736b66 is the less saturated color, while #d75302 is the most saturated one.
-
#736b66
#736b66rgb(115,107,102) -
#7c695d
#7c695drgb(124,105,93) -
#846755
#846755rgb(132,103,85) -
#8c654d
#8c654drgb(140,101,77) -
#956344
#956344rgb(149,99,68) -
#9d613c
#9d613crgb(157,97,60) -
#a55f34
#a55f34rgb(165,95,52) -
#ae5d2b
#ae5d2brgb(174,93,43) -
#b65b23
#b65b23rgb(182,91,35) -
#be591b
#be591brgb(190,89,27) -
#c75712
#c75712rgb(199,87,18) -
#cf550a
#cf550argb(207,85,10) -
#d75302
#d75302rgb(215,83,2)
Color Blindness Simulator
Below, you can see how #cf550a 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.
