#f2af5d Color Information
In a RGB color space, hex #f2af5d is composed of 94.9% red, 68.6% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.7% magenta, 61.6% yellow and 5.1% black. It has a hue angle of 33 degrees, a saturation of 85.1% and a lightness of 65.7%. #f2af5d color hex could be obtained by blending #ffffba with #e55f00. Closest websafe color is: #ff9966.
-
- R 95
- G 69
- B 36
-
- C 0
- M 28
- Y 62
- K 5
● #f2af5d color description : Soft orange.
#f2af5d Color Conversion
The hexadecimal color #f2af5d has RGB values of R:242, G:175, B:93 and CMYK values of C:0, M:0.28, Y:0.62, K:0.05. Its decimal value is 15904605.
Hex triplet | f2af5d | #f2af5d |
---|---|---|
RGB Decimal | 242, 175, 93 | rgb(242,175,93) |
RGB Percent | 94.9, 68.6, 36.5 | rgb(94.9%,68.6%,36.5%) |
CMYK | 0, 28, 62, 5 | |
HSL | 33°, 85.1, 65.7 | hsl(33,85.1%,65.7%) |
HSV (or HSB) | 33°, 61.6, 94.9 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.272, 16.2, 50.911 |
---|---|
XYZ | 53.925, 50.331, 17.23 |
xyY | 0.444, 0.414, 50.331 |
CIE-LCH | 76.272, 53.427, 72.349 |
CIE-LUV | 76.272, 52.358, 57.537 |
Hunter-Lab | 70.944, 11.526, 35.261 |
Binary | 11110010, 10101111, 01011101 |
Color Schemes with #f2af5d
Alternatives to #f2af5d
Below, you can see some colors close to #f2af5d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2af5d Preview
This text has a font color of #f2af5d.
<span style="color:#f2af5d;">Text here</span>
This paragraph has a background color of #f2af5d.
<p style="background-color:#f2af5d;">Content here</p>
This element has a border color of #f2af5d.
<div style="border:1px solid #f2af5d;">Content here</div>
.text {color:#f2af5d;}
.background {background-color:#f2af5d;}
.border {border:1px solid #f2af5d;}
Shades and Tints of #f2af5d
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 #fef7ee is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#140b02
#140b02
rgb(20,11,2)
-
#261603
#261603
rgb(38,22,3)
-
#382104
#382104
rgb(56,33,4)
-
#4a2b06
#4a2b06
rgb(74,43,6)
-
#5c3607
#5c3607
rgb(92,54,7)
-
#6e4109
#6e4109
rgb(110,65,9)
-
#814b0a
#814b0a
rgb(129,75,10)
-
#93560c
#93560c
rgb(147,86,12)
-
#a5610d
#a5610d
rgb(165,97,13)
-
#b76b0f
#b76b0f
rgb(183,107,15)
-
#c97610
#c97610
rgb(201,118,16)
-
#db8112
#db8112
rgb(219,129,18)
-
#ec8b14
#ec8b14
rgb(236,139,20)
-
#ee9427
#ee9427
rgb(238,148,39)
-
#ef9d39
#ef9d39
rgb(239,157,57)
-
#f1a64b
#f1a64b
rgb(241,166,75)
-
#f2af5d
#f2af5d
rgb(242,175,93)
-
#f3b86f
#f3b86f
rgb(243,184,111)
-
#f5c181
#f5c181
rgb(245,193,129)
-
#f6ca93
#f6ca93
rgb(246,202,147)
-
#f8d3a6
#f8d3a6
rgb(248,211,166)
-
#f9dcb8
#f9dcb8
rgb(249,220,184)
-
#fbe5ca
#fbe5ca
rgb(251,229,202)
-
#fceedc
#fceedc
rgb(252,238,220)
-
#fef7ee
#fef7ee
rgb(254,247,238)
Tones of #f2af5d
A tone is produced by adding gray to any pure hue. In this case, #a8a8a7 is the less saturated color, while #f9b056 is the most saturated one.
-
#a8a8a7
#a8a8a7
rgb(168,168,167)
-
#afa8a0
#afa8a0
rgb(175,168,160)
-
#b5a99a
#b5a99a
rgb(181,169,154)
-
#bcaa93
#bcaa93
rgb(188,170,147)
-
#c3aa8c
#c3aa8c
rgb(195,170,140)
-
#caab85
#caab85
rgb(202,171,133)
-
#d0ac7f
#d0ac7f
rgb(208,172,127)
-
#d7ac78
#d7ac78
rgb(215,172,120)
-
#dead71
#dead71
rgb(222,173,113)
-
#e5ae6a
#e5ae6a
rgb(229,174,106)
-
#ebae64
#ebae64
rgb(235,174,100)
-
#f2af5d
#f2af5d
rgb(242,175,93)
-
#f9b056
#f9b056
rgb(249,176,86)
Color Blindness Simulator
Below, you can see how #f2af5d 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.