#fdb107 Color Information
In a RGB color space, hex #fdb107 is composed of 99.2% red, 69.4% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30% magenta, 97.2% yellow and 0.8% black. It has a hue angle of 41.5 degrees, a saturation of 98.4% and a lightness of 51%. #fdb107 color hex could be obtained by blending #ffff0e with #fb6300. Closest websafe color is: #ff9900.
-
- R 99
- G 69
- B 3
-
- C 0
- M 30
- Y 97
- K 1
● #fdb107 color description : Vivid orange.
#fdb107 Color Conversion
The hexadecimal color #fdb107 has RGB values of R:253, G:177, B:7 and CMYK values of C:0, M:0.3, Y:0.97, K:0.01. Its decimal value is 16625927.
| Hex triplet | fdb107 | #fdb107 |
|---|---|---|
| RGB Decimal | 253, 177, 7 | rgb(253,177,7) |
| RGB Percent | 99.2, 69.4, 2.7 | rgb(99.2%,69.4%,2.7%) |
| CMYK | 0, 30, 97, 1 | |
| HSL | 41.5°, 98.4, 51 | hsl(41.5,98.4%,51%) |
| HSV (or HSB) | 41.5°, 97.2, 99.2 | |
| Web Safe | ff9900 | #ff9900 |
| CIE-LAB | 77.487, 16.877, 79.783 |
|---|---|
| XYZ | 56.27, 52.346, 7.341 |
| xyY | 0.485, 0.451, 52.346 |
| CIE-LCH | 77.487, 81.549, 78.056 |
| CIE-LUV | 77.487, 63.286, 77.827 |
| Hunter-Lab | 72.35, 12.213, 44.629 |
| Binary | 11111101, 10110001, 00000111 |
Color Schemes with #fdb107
Alternatives to #fdb107
Below, you can see some colors close to #fdb107. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fdb107 Preview
This text has a font color of #fdb107.
<span style="color:#fdb107;">Text here</span>
This paragraph has a background color of #fdb107.
<p style="background-color:#fdb107;">Content here</p>
This element has a border color of #fdb107.
<div style="border:1px solid #fdb107;">Content here</div>
.text {color:#fdb107;}
.background {background-color:#fdb107;}
.border {border:1px solid #fdb107;}
Shades and Tints of #fdb107
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, #050300 is the darkest color, while #fffaf1 is the lightest one.
-
#050300
#050300rgb(5,3,0) -
#181100
#181100rgb(24,17,0) -
#2c1e00
#2c1e00rgb(44,30,0) -
#3f2c01
#3f2c01rgb(63,44,1) -
#533901
#533901rgb(83,57,1) -
#664701
#664701rgb(102,71,1) -
#7a5401
#7a5401rgb(122,84,1) -
#8d6201
#8d6201rgb(141,98,1) -
#a16f01
#a16f01rgb(161,111,1) -
#b47d01
#b47d01rgb(180,125,1) -
#c88a02
#c88a02rgb(200,138,2) -
#db9802
#db9802rgb(219,152,2) -
#eea502
#eea502rgb(238,165,2)
-
#fdb107
#fdb107rgb(253,177,7) -
#fdb71a
#fdb71argb(253,183,26) -
#fdbd2e
#fdbd2ergb(253,189,46) -
#fdc341
#fdc341rgb(253,195,65) -
#fec955
#fec955rgb(254,201,85) -
#fed068
#fed068rgb(254,208,104) -
#fed67c
#fed67crgb(254,214,124) -
#fedc8f
#fedc8frgb(254,220,143) -
#fee2a3
#fee2a3rgb(254,226,163) -
#fee8b6
#fee8b6rgb(254,232,182) -
#ffeeca
#ffeecargb(255,238,202) -
#fff4dd
#fff4ddrgb(255,244,221) -
#fffaf1
#fffaf1rgb(255,250,241)
Tones of #fdb107
A tone is produced by adding gray to any pure hue. In this case, #8a857a is the less saturated color, while #fdb107 is the most saturated one.
-
#8a857a
#8a857argb(138,133,122) -
#938971
#938971rgb(147,137,113) -
#9d8c67
#9d8c67rgb(157,140,103) -
#a6905e
#a6905ergb(166,144,94) -
#b09454
#b09454rgb(176,148,84) -
#ba974a
#ba974argb(186,151,74) -
#c39b41
#c39b41rgb(195,155,65) -
#cd9f37
#cd9f37rgb(205,159,55) -
#d7a22d
#d7a22drgb(215,162,45) -
#e0a624
#e0a624rgb(224,166,36) -
#eaaa1a
#eaaa1argb(234,170,26) -
#f3ad11
#f3ad11rgb(243,173,17) -
#fdb107
#fdb107rgb(253,177,7)
Color Blindness Simulator
Below, you can see how #fdb107 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.
