#faf348 Color Information
In a RGB color space, hex #faf348 is composed of 98% red, 95.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 71.2% yellow and 2% black. It has a hue angle of 57.6 degrees, a saturation of 94.7% and a lightness of 63.1%. #faf348 color hex could be obtained by blending #ffff90 with #f5e700. Closest websafe color is: #ffff33.
-
- R 98
- G 95
- B 28
-
- C 0
- M 3
- Y 71
- K 2
● #faf348 color description : Bright yellow.
#faf348 Color Conversion
The hexadecimal color #faf348 has RGB values of R:250, G:243, B:72 and CMYK values of C:0, M:0.03, Y:0.71, K:0.02. Its decimal value is 16446280.
Hex triplet | faf348 | #faf348 |
---|---|---|
RGB Decimal | 250, 243, 72 | rgb(250,243,72) |
RGB Percent | 98, 95.3, 28.2 | rgb(98%,95.3%,28.2%) |
CMYK | 0, 3, 71, 2 | |
HSL | 57.6°, 94.7, 63.1 | hsl(57.6,94.7%,63.1%) |
HSV (or HSB) | 57.6°, 71.2, 98 | |
Web Safe | ffff33 | #ffff33 |
CIE-LAB | 93.838, -16.288, 78.224 |
---|---|
XYZ | 72.645, 84.895, 18.69 |
xyY | 0.412, 0.482, 84.895 |
CIE-LCH | 93.838, 79.902, 101.762 |
CIE-LUV | 93.838, 11.468, 93.424 |
Hunter-Lab | 92.138, -20.507, 52.47 |
Binary | 11111010, 11110011, 01001000 |
Color Schemes with #faf348
Alternatives to #faf348
Below, you can see some colors close to #faf348. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faf348 Preview
This text has a font color of #faf348.
<span style="color:#faf348;">Text here</span>
This paragraph has a background color of #faf348.
<p style="background-color:#faf348;">Content here</p>
This element has a border color of #faf348.
<div style="border:1px solid #faf348;">Content here</div>
.text {color:#faf348;}
.background {background-color:#faf348;}
.border {border:1px solid #faf348;}
Shades and Tints of #faf348
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, #080800 is the darkest color, while #fffef4 is the lightest one.
-
#080800
#080800
rgb(8,8,0)
-
#1b1a01
#1b1a01
rgb(27,26,1)
-
#2e2c01
#2e2c01
rgb(46,44,1)
-
#413f02
#413f02
rgb(65,63,2)
-
#545102
#545102
rgb(84,81,2)
-
#676303
#676303
rgb(103,99,3)
-
#7a7603
#7a7603
rgb(122,118,3)
-
#8e8804
#8e8804
rgb(142,136,4)
-
#a19b04
#a19b04
rgb(161,155,4)
-
#b4ad05
#b4ad05
rgb(180,173,5)
-
#c7bf05
#c7bf05
rgb(199,191,5)
-
#dad206
#dad206
rgb(218,210,6)
-
#ede406
#ede406
rgb(237,228,6)
-
#f8ef0f
#f8ef0f
rgb(248,239,15)
-
#f9f022
#f9f022
rgb(249,240,34)
-
#f9f235
#f9f235
rgb(249,242,53)
-
#faf348
#faf348
rgb(250,243,72)
-
#fbf45b
#fbf45b
rgb(251,244,91)
-
#fbf66e
#fbf66e
rgb(251,246,110)
-
#fcf781
#fcf781
rgb(252,247,129)
-
#fcf894
#fcf894
rgb(252,248,148)
-
#fdf9a7
#fdf9a7
rgb(253,249,167)
-
#fdfbbb
#fdfbbb
rgb(253,251,187)
-
#fefcce
#fefcce
rgb(254,252,206)
-
#fefde1
#fefde1
rgb(254,253,225)
-
#fffef4
#fffef4
rgb(255,254,244)
Tones of #faf348
A tone is produced by adding gray to any pure hue. In this case, #a3a39f is the less saturated color, while #faf348 is the most saturated one.
-
#a3a39f
#a3a39f
rgb(163,163,159)
-
#aaaa98
#aaaa98
rgb(170,170,152)
-
#b2b090
#b2b090
rgb(178,176,144)
-
#b9b789
#b9b789
rgb(185,183,137)
-
#c0be82
#c0be82
rgb(192,190,130)
-
#c7c47b
#c7c47b
rgb(199,196,123)
-
#cfcb73
#cfcb73
rgb(207,203,115)
-
#d6d26c
#d6d26c
rgb(214,210,108)
-
#ddd865
#ddd865
rgb(221,216,101)
-
#e4df5e
#e4df5e
rgb(228,223,94)
-
#ece656
#ece656
rgb(236,230,86)
-
#f3ec4f
#f3ec4f
rgb(243,236,79)
-
#faf348
#faf348
rgb(250,243,72)
Color Blindness Simulator
Below, you can see how #faf348 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.