#f2a36a Color Information
In a RGB color space, hex #f2a36a is composed of 94.9% red, 63.9% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.6% magenta, 56.2% yellow and 5.1% black. It has a hue angle of 25.1 degrees, a saturation of 84% and a lightness of 68.2%. #f2a36a color hex could be obtained by blending #ffffd4 with #e54700. Closest websafe color is: #ff9966.
-
- R 95
- G 64
- B 42
-
- C 0
- M 33
- Y 56
- K 5
● #f2a36a color description : Soft orange.
#f2a36a Color Conversion
The hexadecimal color #f2a36a has RGB values of R:242, G:163, B:106 and CMYK values of C:0, M:0.33, Y:0.56, K:0.05. Its decimal value is 15901546.
Hex triplet | f2a36a | #f2a36a |
---|---|---|
RGB Decimal | 242, 163, 106 | rgb(242,163,106) |
RGB Percent | 94.9, 63.9, 41.6 | rgb(94.9%,63.9%,41.6%) |
CMYK | 0, 33, 56, 5 | |
HSL | 25.1°, 84, 68.2 | hsl(25.1,84%,68.2%) |
HSV (or HSB) | 25.1°, 56.2, 94.9 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 73.62, 23.475, 41.246 |
---|---|
XYZ | 52.318, 46.115, 19.781 |
xyY | 0.443, 0.39, 46.115 |
CIE-LCH | 73.62, 47.458, 60.354 |
CIE-LUV | 73.62, 59.954, 46.2 |
Hunter-Lab | 67.908, 18.679, 30.266 |
Binary | 11110010, 10100011, 01101010 |
Color Schemes with #f2a36a
Alternatives to #f2a36a
Below, you can see some colors close to #f2a36a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2a36a Preview
This text has a font color of #f2a36a.
<span style="color:#f2a36a;">Text here</span>
This paragraph has a background color of #f2a36a.
<p style="background-color:#f2a36a;">Content here</p>
This element has a border color of #f2a36a.
<div style="border:1px solid #f2a36a;">Content here</div>
.text {color:#f2a36a;}
.background {background-color:#f2a36a;}
.border {border:1px solid #f2a36a;}
Shades and Tints of #f2a36a
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, #0d0601 is the darkest color, while #fffcfa is the lightest one.
-
#0d0601
#0d0601
rgb(13,6,1)
-
#1f0f03
#1f0f03
rgb(31,15,3)
-
#311704
#311704
rgb(49,23,4)
-
#432006
#432006
rgb(67,32,6)
-
#562807
#562807
rgb(86,40,7)
-
#683109
#683109
rgb(104,49,9)
-
#7a390b
#7a390b
rgb(122,57,11)
-
#8c420c
#8c420c
rgb(140,66,12)
-
#9e4a0e
#9e4a0e
rgb(158,74,14)
-
#b0530f
#b0530f
rgb(176,83,15)
-
#c25b11
#c25b11
rgb(194,91,17)
-
#d46412
#d46412
rgb(212,100,18)
-
#e66c14
#e66c14
rgb(230,108,20)
-
#ec7622
#ec7622
rgb(236,118,34)
-
#ed8234
#ed8234
rgb(237,130,52)
-
#ef8d46
#ef8d46
rgb(239,141,70)
-
#f09858
#f09858
rgb(240,152,88)
-
#f2a36a
#f2a36a
rgb(242,163,106)
-
#f4ae7c
#f4ae7c
rgb(244,174,124)
-
#f5b98e
#f5b98e
rgb(245,185,142)
-
#f7c4a0
#f7c4a0
rgb(247,196,160)
-
#f8d0b2
#f8d0b2
rgb(248,208,178)
-
#fadbc4
#fadbc4
rgb(250,219,196)
-
#fbe6d6
#fbe6d6
rgb(251,230,214)
-
#fdf1e8
#fdf1e8
rgb(253,241,232)
-
#fffcfa
#fffcfa
rgb(255,252,250)
Tones of #f2a36a
A tone is produced by adding gray to any pure hue. In this case, #b4ada8 is the less saturated color, while #fea15e is the most saturated one.
-
#b4ada8
#b4ada8
rgb(180,173,168)
-
#baaca2
#baaca2
rgb(186,172,162)
-
#c0ab9c
#c0ab9c
rgb(192,171,156)
-
#c6aa96
#c6aa96
rgb(198,170,150)
-
#cda98f
#cda98f
rgb(205,169,143)
-
#d3a889
#d3a889
rgb(211,168,137)
-
#d9a783
#d9a783
rgb(217,167,131)
-
#dfa67d
#dfa67d
rgb(223,166,125)
-
#e6a576
#e6a576
rgb(230,165,118)
-
#eca470
#eca470
rgb(236,164,112)
-
#f2a36a
#f2a36a
rgb(242,163,106)
-
#f8a264
#f8a264
rgb(248,162,100)
-
#fea15e
#fea15e
rgb(254,161,94)
Color Blindness Simulator
Below, you can see how #f2a36a 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.