#f18a5e Color Information
In a RGB color space, hex #f18a5e is composed of 94.5% red, 54.1% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.7% magenta, 61% yellow and 5.5% black. It has a hue angle of 18 degrees, a saturation of 84% and a lightness of 65.7%. #f18a5e color hex could be obtained by blending #ffffbc with #e31500. Closest websafe color is: #ff9966.
-
- R 95
- G 54
- B 37
-
- C 0
- M 43
- Y 61
- K 5
● #f18a5e color description : Soft orange.
#f18a5e Color Conversion
The hexadecimal color #f18a5e has RGB values of R:241, G:138, B:94 and CMYK values of C:0, M:0.43, Y:0.61, K:0.05. Its decimal value is 15829598.
| Hex triplet | f18a5e | #f18a5e |
|---|---|---|
| RGB Decimal | 241, 138, 94 | rgb(241,138,94) |
| RGB Percent | 94.5, 54.1, 36.9 | rgb(94.5%,54.1%,36.9%) |
| CMYK | 0, 43, 61, 5 | |
| HSL | 18°, 84, 65.7 | hsl(18,84%,65.7%) |
| HSV (or HSB) | 18°, 61, 94.5 | |
| Web Safe | ff9966 | #ff9966 |
| CIE-LAB | 67.791, 35.297, 40.335 |
|---|---|
| XYZ | 47.386, 37.69, 15.368 |
| xyY | 0.472, 0.375, 37.69 |
| CIE-LCH | 67.791, 53.599, 48.811 |
| CIE-LUV | 67.791, 79.187, 40.999 |
| Hunter-Lab | 61.392, 30.341, 28.132 |
| Binary | 11110001, 10001010, 01011110 |
Color Schemes with #f18a5e
Alternatives to #f18a5e
Below, you can see some colors close to #f18a5e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f18a5e Preview
This text has a font color of #f18a5e.
<span style="color:#f18a5e;">Text here</span>
This paragraph has a background color of #f18a5e.
<p style="background-color:#f18a5e;">Content here</p>
This element has a border color of #f18a5e.
<div style="border:1px solid #f18a5e;">Content here</div>
.text {color:#f18a5e;}
.background {background-color:#f18a5e;}
.border {border:1px solid #f18a5e;}
Shades and Tints of #f18a5e
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 #fef3ee is the lightest one.
-
#010100
#010100rgb(1,1,0) -
#130702
#130702rgb(19,7,2) -
#260e03
#260e03rgb(38,14,3) -
#381405
#381405rgb(56,20,5) -
#4a1b06
#4a1b06rgb(74,27,6) -
#5c2108
#5c2108rgb(92,33,8) -
#6e280a
#6e280argb(110,40,10) -
#802e0b
#802e0brgb(128,46,11) -
#92350d
#92350drgb(146,53,13) -
#a43b0e
#a43b0ergb(164,59,14) -
#b64210
#b64210rgb(182,66,16) -
#c84811
#c84811rgb(200,72,17) -
#da4f13
#da4f13rgb(218,79,19)
-
#eb5616
#eb5616rgb(235,86,22) -
#ec6328
#ec6328rgb(236,99,40) -
#ee703a
#ee703argb(238,112,58) -
#ef7d4c
#ef7d4crgb(239,125,76) -
#f18a5e
#f18a5ergb(241,138,94) -
#f39770
#f39770rgb(243,151,112) -
#f4a482
#f4a482rgb(244,164,130) -
#f6b194
#f6b194rgb(246,177,148) -
#f7bea6
#f7bea6rgb(247,190,166) -
#f9ccb8
#f9ccb8rgb(249,204,184) -
#fad9ca
#fad9cargb(250,217,202) -
#fce6dc
#fce6dcrgb(252,230,220) -
#fef3ee
#fef3eergb(254,243,238)
Tones of #f18a5e
A tone is produced by adding gray to any pure hue. In this case, #aea5a1 is the less saturated color, while #fe8551 is the most saturated one.
-
#aea5a1
#aea5a1rgb(174,165,161) -
#b4a29b
#b4a29brgb(180,162,155) -
#bba094
#bba094rgb(187,160,148) -
#c29d8d
#c29d8drgb(194,157,141) -
#c99a86
#c99a86rgb(201,154,134) -
#cf9880
#cf9880rgb(207,152,128) -
#d69579
#d69579rgb(214,149,121) -
#dd9272
#dd9272rgb(221,146,114) -
#e48f6b
#e48f6brgb(228,143,107) -
#ea8d65
#ea8d65rgb(234,141,101) -
#f18a5e
#f18a5ergb(241,138,94) -
#f88757
#f88757rgb(248,135,87) -
#fe8551
#fe8551rgb(254,133,81)
Color Blindness Simulator
Below, you can see how #f18a5e 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.
