#fbd167 Color Information
In a RGB color space, hex #fbd167 is composed of 98.4% red, 82% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 59% yellow and 1.6% black. It has a hue angle of 43 degrees, a saturation of 94.9% and a lightness of 69.4%. #fbd167 color hex could be obtained by blending #ffffce with #f7a300. Closest websafe color is: #ffcc66.
-
- R 98
- G 82
- B 40
-
- C 0
- M 17
- Y 59
- K 2
● #fbd167 color description : Soft orange.
#fbd167 Color Conversion
The hexadecimal color #fbd167 has RGB values of R:251, G:209, B:103 and CMYK values of C:0, M:0.17, Y:0.59, K:0.02. Its decimal value is 16503143.
| Hex triplet | fbd167 | #fbd167 |
|---|---|---|
| RGB Decimal | 251, 209, 103 | rgb(251,209,103) |
| RGB Percent | 98.4, 82, 40.4 | rgb(98.4%,82%,40.4%) |
| CMYK | 0, 17, 59, 2 | |
| HSL | 43°, 94.9, 69.4 | hsl(43,94.9%,69.4%) |
| HSV (or HSB) | 43°, 59, 98.4 | |
| Web Safe | ffcc66 | #ffcc66 |
| CIE-LAB | 85.55, 2.873, 57.098 |
|---|---|
| XYZ | 65.033, 67.092, 22.356 |
| xyY | 0.421, 0.434, 67.092 |
| CIE-LCH | 85.55, 57.17, 87.12 |
| CIE-LUV | 85.55, 34.088, 69.003 |
| Hunter-Lab | 81.91, -1.621, 41.155 |
| Binary | 11111011, 11010001, 01100111 |
Color Schemes with #fbd167
Alternatives to #fbd167
Below, you can see some colors close to #fbd167. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fbd167 Preview
This text has a font color of #fbd167.
<span style="color:#fbd167;">Text here</span>
This paragraph has a background color of #fbd167.
<p style="background-color:#fbd167;">Content here</p>
This element has a border color of #fbd167.
<div style="border:1px solid #fbd167;">Content here</div>
.text {color:#fbd167;}
.background {background-color:#fbd167;}
.border {border:1px solid #fbd167;}
Shades and Tints of #fbd167
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 #fff9ed is the lightest one.
-
#010100
#010100rgb(1,1,0) -
#140e01
#140e01rgb(20,14,1) -
#271c01
#271c01rgb(39,28,1) -
#3a2a02
#3a2a02rgb(58,42,2) -
#4d3802
#4d3802rgb(77,56,2) -
#604603
#604603rgb(96,70,3) -
#745403
#745403rgb(116,84,3) -
#876104
#876104rgb(135,97,4) -
#9a6f04
#9a6f04rgb(154,111,4) -
#ad7d05
#ad7d05rgb(173,125,5) -
#c08b05
#c08b05rgb(192,139,5) -
#d39906
#d39906rgb(211,153,6) -
#e6a706
#e6a706rgb(230,167,6)
-
#f8b407
#f8b407rgb(248,180,7) -
#f9ba1b
#f9ba1brgb(249,186,27) -
#f9c02e
#f9c02ergb(249,192,46) -
#fac541
#fac541rgb(250,197,65) -
#facb54
#facb54rgb(250,203,84) -
#fbd167
#fbd167rgb(251,209,103) -
#fcd77a
#fcd77argb(252,215,122) -
#fcdd8d
#fcdd8drgb(252,221,141) -
#fde2a0
#fde2a0rgb(253,226,160) -
#fde8b3
#fde8b3rgb(253,232,179) -
#feeec7
#feeec7rgb(254,238,199) -
#fef4da
#fef4dargb(254,244,218) -
#fff9ed
#fff9edrgb(255,249,237)
Tones of #fbd167
A tone is produced by adding gray to any pure hue. In this case, #b3b2af is the less saturated color, while #fbd167 is the most saturated one.
-
#b3b2af
#b3b2afrgb(179,178,175) -
#b9b4a9
#b9b4a9rgb(185,180,169) -
#bfb7a3
#bfb7a3rgb(191,183,163) -
#c5ba9d
#c5ba9drgb(197,186,157) -
#cbbc97
#cbbc97rgb(203,188,151) -
#d1bf91
#d1bf91rgb(209,191,145) -
#d7c18b
#d7c18brgb(215,193,139) -
#ddc485
#ddc485rgb(221,196,133) -
#e3c77f
#e3c77frgb(227,199,127) -
#e9c979
#e9c979rgb(233,201,121) -
#efcc73
#efcc73rgb(239,204,115) -
#f5ce6d
#f5ce6drgb(245,206,109) -
#fbd167
#fbd167rgb(251,209,103)
Color Blindness Simulator
Below, you can see how #fbd167 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.
