#f2ca61 Color Information
In a RGB color space, hex #f2ca61 is composed of 94.9% red, 79.2% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 59.9% yellow and 5.1% black. It has a hue angle of 43.4 degrees, a saturation of 84.8% and a lightness of 66.5%. #f2ca61 color hex could be obtained by blending #ffffc2 with #e59500. Closest websafe color is: #ffcc66.
-
- R 95
- G 79
- B 38
-
- C 0
- M 17
- Y 60
- K 5
● #f2ca61 color description : Soft orange.
#f2ca61 Color Conversion
The hexadecimal color #f2ca61 has RGB values of R:242, G:202, B:97 and CMYK values of C:0, M:0.17, Y:0.6, K:0.05. Its decimal value is 15911521.
Hex triplet | f2ca61 | #f2ca61 |
---|---|---|
RGB Decimal | 242, 202, 97 | rgb(242,202,97) |
RGB Percent | 94.9, 79.2, 38 | rgb(94.9%,79.2%,38%) |
CMYK | 0, 17, 60, 5 | |
HSL | 43.4°, 84.8, 66.5 | hsl(43.4,84.8%,66.5%) |
HSV (or HSB) | 43.4°, 59.9, 94.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.905, 2.358, 56.613 |
---|---|
XYZ | 59.897, 61.984, 20.118 |
xyY | 0.422, 0.437, 61.984 |
CIE-LCH | 82.905, 56.662, 87.615 |
CIE-LUV | 82.905, 32.696, 67.845 |
Hunter-Lab | 78.73, -1.976, 39.96 |
Binary | 11110010, 11001010, 01100001 |
Color Schemes with #f2ca61
Alternatives to #f2ca61
Below, you can see some colors close to #f2ca61. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2ca61 Preview
This text has a font color of #f2ca61.
<span style="color:#f2ca61;">Text here</span>
This paragraph has a background color of #f2ca61.
<p style="background-color:#f2ca61;">Content here</p>
This element has a border color of #f2ca61.
<div style="border:1px solid #f2ca61;">Content here</div>
.text {color:#f2ca61;}
.background {background-color:#f2ca61;}
.border {border:1px solid #f2ca61;}
Shades and Tints of #f2ca61
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, #050400 is the darkest color, while #fefbf2 is the lightest one.
-
#050400
#050400
rgb(5,4,0)
-
#171102
#171102
rgb(23,17,2)
-
#291f03
#291f03
rgb(41,31,3)
-
#3b2c05
#3b2c05
rgb(59,44,5)
-
#4e3a06
#4e3a06
rgb(78,58,6)
-
#604808
#604808
rgb(96,72,8)
-
#725509
#725509
rgb(114,85,9)
-
#84630b
#84630b
rgb(132,99,11)
-
#96700c
#96700c
rgb(150,112,12)
-
#a87e0e
#a87e0e
rgb(168,126,14)
-
#ba8b0f
#ba8b0f
rgb(186,139,15)
-
#cc9911
#cc9911
rgb(204,153,17)
-
#dfa612
#dfa612
rgb(223,166,18)
-
#ecb219
#ecb219
rgb(236,178,25)
-
#eeb82b
#eeb82b
rgb(238,184,43)
-
#efbe3d
#efbe3d
rgb(239,190,61)
-
#f1c44f
#f1c44f
rgb(241,196,79)
-
#f2ca61
#f2ca61
rgb(242,202,97)
-
#f3d073
#f3d073
rgb(243,208,115)
-
#f5d685
#f5d685
rgb(245,214,133)
-
#f6dc97
#f6dc97
rgb(246,220,151)
-
#f8e2a9
#f8e2a9
rgb(248,226,169)
-
#f9e8bc
#f9e8bc
rgb(249,232,188)
-
#fbeece
#fbeece
rgb(251,238,206)
-
#fcf5e0
#fcf5e0
rgb(252,245,224)
-
#fefbf2
#fefbf2
rgb(254,251,242)
Tones of #f2ca61
A tone is produced by adding gray to any pure hue. In this case, #aaaaa9 is the less saturated color, while #f9cd5a is the most saturated one.
-
#aaaaa9
#aaaaa9
rgb(170,170,169)
-
#b0ada3
#b0ada3
rgb(176,173,163)
-
#b7af9c
#b7af9c
rgb(183,175,156)
-
#bdb296
#bdb296
rgb(189,178,150)
-
#c4b58f
#c4b58f
rgb(196,181,143)
-
#cbb888
#cbb888
rgb(203,184,136)
-
#d1bb82
#d1bb82
rgb(209,187,130)
-
#d8be7b
#d8be7b
rgb(216,190,123)
-
#dec175
#dec175
rgb(222,193,117)
-
#e5c46e
#e5c46e
rgb(229,196,110)
-
#ebc768
#ebc768
rgb(235,199,104)
-
#f2ca61
#f2ca61
rgb(242,202,97)
-
#f9cd5a
#f9cd5a
rgb(249,205,90)
Color Blindness Simulator
Below, you can see how #f2ca61 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.