#f6552a Color Information
In a RGB color space, hex #f6552a is composed of 96.5% red, 33.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.4% magenta, 82.9% yellow and 3.5% black. It has a hue angle of 12.6 degrees, a saturation of 91.9% and a lightness of 56.5%. #f6552a color hex could be obtained by blending #ffaa54 with #ed0000. Closest websafe color is: #ff6633.
-
- R 96
- G 33
- B 16
-
- C 0
- M 65
- Y 83
- K 4
● #f6552a color description : Bright red.
#f6552a Color Conversion
The hexadecimal color #f6552a has RGB values of R:246, G:85, B:42 and CMYK values of C:0, M:0.65, Y:0.83, K:0.04. Its decimal value is 16143658.
| Hex triplet | f6552a | #f6552a |
|---|---|---|
| RGB Decimal | 246, 85, 42 | rgb(246,85,42) |
| RGB Percent | 96.5, 33.3, 16.5 | rgb(96.5%,33.3%,16.5%) |
| CMYK | 0, 65, 83, 4 | |
| HSL | 12.6°, 91.9, 56.5 | hsl(12.6,91.9%,56.5%) |
| HSV (or HSB) | 12.6°, 82.9, 96.5 | |
| Web Safe | ff6633 | #ff6633 |
| CIE-LAB | 58.285, 59.659, 56.148 |
|---|---|
| XYZ | 41.674, 26.262, 5.065 |
| xyY | 0.571, 0.36, 26.262 |
| CIE-LCH | 58.285, 81.925, 43.264 |
| CIE-LUV | 58.285, 130.283, 42.41 |
| Hunter-Lab | 51.246, 55.479, 30.012 |
| Binary | 11110110, 01010101, 00101010 |
Color Schemes with #f6552a
Alternatives to #f6552a
Below, you can see some colors close to #f6552a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f6552a Preview
This text has a font color of #f6552a.
<span style="color:#f6552a;">Text here</span>
This paragraph has a background color of #f6552a.
<p style="background-color:#f6552a;">Content here</p>
This element has a border color of #f6552a.
<div style="border:1px solid #f6552a;">Content here</div>
.text {color:#f6552a;}
.background {background-color:#f6552a;}
.border {border:1px solid #f6552a;}
Shades and Tints of #f6552a
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, #0d0301 is the darkest color, while #fffaf9 is the lightest one.
-
#0d0301
#0d0301rgb(13,3,1) -
#200801
#200801rgb(32,8,1) -
#320c02
#320c02rgb(50,12,2) -
#451103
#451103rgb(69,17,3) -
#581604
#581604rgb(88,22,4) -
#6b1a05
#6b1a05rgb(107,26,5) -
#7e1f05
#7e1f05rgb(126,31,5) -
#912306
#912306rgb(145,35,6) -
#a32807
#a32807rgb(163,40,7) -
#b62c08
#b62c08rgb(182,44,8) -
#c93108
#c93108rgb(201,49,8) -
#dc3609
#dc3609rgb(220,54,9) -
#ef3a0a
#ef3a0argb(239,58,10)
-
#f54617
#f54617rgb(245,70,23) -
#f6552a
#f6552argb(246,85,42) -
#f7643d
#f7643drgb(247,100,61) -
#f87350
#f87350rgb(248,115,80) -
#f88262
#f88262rgb(248,130,98) -
#f99175
#f99175rgb(249,145,117) -
#faa088
#faa088rgb(250,160,136) -
#fbaf9b
#fbaf9brgb(251,175,155) -
#fcbeae
#fcbeaergb(252,190,174) -
#fccdc1
#fccdc1rgb(252,205,193) -
#fddcd3
#fddcd3rgb(253,220,211) -
#feebe6
#feebe6rgb(254,235,230) -
#fffaf9
#fffaf9rgb(255,250,249)
Tones of #f6552a
A tone is produced by adding gray to any pure hue. In this case, #988b88 is the less saturated color, while #ff5021 is the most saturated one.
-
#988b88
#988b88rgb(152,139,136) -
#a1867f
#a1867frgb(161,134,127) -
#a98177
#a98177rgb(169,129,119) -
#b27d6e
#b27d6ergb(178,125,110) -
#ba7866
#ba7866rgb(186,120,102) -
#c3735d
#c3735drgb(195,115,93) -
#cb6e55
#cb6e55rgb(203,110,85) -
#d4694c
#d4694crgb(212,105,76) -
#dc6444
#dc6444rgb(220,100,68) -
#e55f3b
#e55f3brgb(229,95,59) -
#ed5a33
#ed5a33rgb(237,90,51) -
#f6552a
#f6552argb(246,85,42) -
#ff5021
#ff5021rgb(255,80,33)
Color Blindness Simulator
Below, you can see how #f6552a 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.
