#ce551f Color Information
In a RGB color space, hex #ce551f is composed of 80.8% red, 33.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.7% magenta, 85% yellow and 19.2% black. It has a hue angle of 18.5 degrees, a saturation of 73.8% and a lightness of 46.5%. #ce551f color hex could be obtained by blending #ffaa3e with #9d0000. Closest websafe color is: #cc6633.
-
- R 81
- G 33
- B 12
-
- C 0
- M 59
- Y 85
- K 19
● #ce551f color description : Strong orange.
#ce551f Color Conversion
The hexadecimal color #ce551f has RGB values of R:206, G:85, B:31 and CMYK values of C:0, M:0.59, Y:0.85, K:0.19. Its decimal value is 13522207.
Hex triplet | ce551f | #ce551f |
---|---|---|
RGB Decimal | 206, 85, 31 | rgb(206,85,31) |
RGB Percent | 80.8, 33.3, 12.2 | rgb(80.8%,33.3%,12.2%) |
CMYK | 0, 59, 85, 19 | |
HSL | 18.5°, 73.8, 46.5 | hsl(18.5,73.8%,46.5%) |
HSV (or HSB) | 18.5°, 85, 80.8 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 51.52, 45.381, 52.352 |
---|---|
XYZ | 28.951, 19.721, 3.578 |
xyY | 0.554, 0.377, 19.721 |
CIE-LCH | 51.52, 69.283, 49.079 |
CIE-LUV | 51.52, 98.674, 40.648 |
Hunter-Lab | 44.408, 38.654, 26.308 |
Binary | 11001110, 01010101, 00011111 |
Color Schemes with #ce551f
Alternatives to #ce551f
Below, you can see some colors close to #ce551f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ce551f Preview
This text has a font color of #ce551f.
<span style="color:#ce551f;">Text here</span>
This paragraph has a background color of #ce551f.
<p style="background-color:#ce551f;">Content here</p>
This element has a border color of #ce551f.
<div style="border:1px solid #ce551f;">Content here</div>
.text {color:#ce551f;}
.background {background-color:#ce551f;}
.border {border:1px solid #ce551f;}
Shades and Tints of #ce551f
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, #010100 is the darkest color, while #fdf3ef is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#120803
#120803
rgb(18,8,3)
-
#240f05
#240f05
rgb(36,15,5)
-
#351608
#351608
rgb(53,22,8)
-
#461d0a
#461d0a
rgb(70,29,10)
-
#57240d
#57240d
rgb(87,36,13)
-
#682b10
#682b10
rgb(104,43,16)
-
#793212
#793212
rgb(121,50,18)
-
#8a3915
#8a3915
rgb(138,57,21)
-
#9b4017
#9b4017
rgb(155,64,23)
-
#ac471a
#ac471a
rgb(172,71,26)
-
#bd4e1c
#bd4e1c
rgb(189,78,28)
-
#ce551f
#ce551f
rgb(206,85,31)
-
#de5c23
#de5c23
rgb(222,92,35)
-
#e06934
#e06934
rgb(224,105,52)
-
#e37645
#e37645
rgb(227,118,69)
-
#e68256
#e68256
rgb(230,130,86)
-
#e88f67
#e88f67
rgb(232,143,103)
-
#eb9b78
#eb9b78
rgb(235,155,120)
-
#eda889
#eda889
rgb(237,168,137)
-
#f0b59a
#f0b59a
rgb(240,181,154)
-
#f2c1ab
#f2c1ab
rgb(242,193,171)
-
#f5cebc
#f5cebc
rgb(245,206,188)
-
#f8dacd
#f8dacd
rgb(248,218,205)
-
#fae7de
#fae7de
rgb(250,231,222)
-
#fdf3ef
#fdf3ef
rgb(253,243,239)
Tones of #ce551f
A tone is produced by adding gray to any pure hue. In this case, #7c7471 is the less saturated color, while #e94b04 is the most saturated one.
-
#7c7471
#7c7471
rgb(124,116,113)
-
#857168
#857168
rgb(133,113,104)
-
#8e6d5f
#8e6d5f
rgb(142,109,95)
-
#976a56
#976a56
rgb(151,106,86)
-
#a0664d
#a0664d
rgb(160,102,77)
-
#aa6343
#aa6343
rgb(170,99,67)
-
#b35f3a
#b35f3a
rgb(179,95,58)
-
#bc5c31
#bc5c31
rgb(188,92,49)
-
#c55828
#c55828
rgb(197,88,40)
-
#ce551f
#ce551f
rgb(206,85,31)
-
#d75216
#d75216
rgb(215,82,22)
-
#e04e0d
#e04e0d
rgb(224,78,13)
-
#e94b04
#e94b04
rgb(233,75,4)
Color Blindness Simulator
Below, you can see how #ce551f 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.