#f7b969 Color Hex Orient Yellow

Information about Orient Yellow Color | #0000FF

#f7b969 color RGB value is (247,185,105). #f7b969 color name is Orient Yellow color.

#f7b969 hex color red value is 247 , green value is 185 and the blue value of its RGB is 105 . Cylindrical-coordinate representations (also known as HSL) of color #f7b969 hue: 34 , saturation: 90 and the lightness value of #f7b969 is 69

The process color (four color CMYK) of #f7b969 color hex is 0 , 10 ,23, 1 .

#f7b969

~Orient Yellow

Color Converions

HEX
#f7b969
RGB
247,185,105
LAB
80,17,49
CMYK
0,25,57,3
LCH
80,52,71
XYZ
58,55,21
HSV
34,57,97
HSL
34,90,69

Base Numbers

Base Red Green Blue
Binary 11110111 10111001 1101001
Octal 367 271 151
Decimal 247 185 105
Hex f7 b9 69

RGB Percentages of Color #f7b969

97%
73%
41%

CMYK Percentages of Color #f7b969

0%
23%
10%
1%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #f7b969

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#f7b969
20%
#dea75e
30%
#c69454
40%
#ad8249
50%
#946f3f
60%
#7b5d34
70%
#634a2a
80%
#4a381f
90%
#312515
100%
#19130a

Tints of #f7b969

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#f7b969
20%
#f8c078
30%
#f9c787
40%
#f9ce96
50%
#fad5a5
60%
#fbdcb4
70%
#fce3c3
80%
#fdead2
90%
#fdf1e1
100%
#fef8f0

Tones of #f7b969

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#f7b969
20%
#ebb36b
30%
#dfad6e
40%
#d3a870
50%
#c7a272
60%
#bb9c74
70%
#af9677
80%
#a39179
90%
#978b7b
100%
#8b857d

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#f7b969
#f78069
#f79d69
#f7b969
#f7d569
#f7f269

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#f7b969
#69a7f7

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#f7b969
#8bf769
#8069f7

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#f7b969
#69f7b9
#b969f7

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#f7b969
#69f772
#69a7f7
#f769ee

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#f7b969
#221a0f
#4d3a21
#775a33
#a27945
#cc9957

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#f7b969

protanopia

#d7c36c

deuteranopia

#f1ba68

tritanopia

#feaebb

achromatopsia

#c0c0c0

protanomaly

#e3bf6b

deuteranomaly

#f3ba68

achromatopsia

#c0c0c0

tritanomaly

#fcb29d

achromatomaly

#d4bea1

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 2/21
Hello World ! 2

Black background-color

Good 12/21
Hello World !

#f7b969 Color CSS Codes

.bgcolor {background-color:#f7b969; } 
.forecolor {color:#f7b969; }
.bordercolor {border:3px solid #f7b969; }
            

#f7b969 Text Font Color

<div style="color:#f7b969">
Div content here</div>

This sample text font color is #f7b969
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#f7b969 Background Color

<div style="background-color:#f7b969">
Div content here</div>
Div content here

#f7b969 Border Color

<div style="border:3px solid #f7b969">
Div here</div>

This div border color is #f7b969

#f7b969 Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #f7b969; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #f7b969; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #f7b969;
  -webkit-box-shadow: 1px 1px 3px 2px #f7b969;
  box-shadow: 1px 1px 3px 2px #f7b969; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #f7b969">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #f7b969;
              -webkit-box-shadow: 1px 1px 3px 2px #f7b969;
              box-shadow:         1px 1px 3px 2px #f7b969#f7b969">
Div content here</div>

This div box has shadow with color #f7b969

More Colors

Bad Moon Yellow
#f2e5b4
Green Granite
#7c9793
Kanafeh
#dd8833
Outrageous Orange
#ff6e4a
Anemone White
#f9efe4
Beurre Blanc
#ede1be
Light French Taupe
#c2c0bb
Ironwood
#a19583
Plaudit
#39536c
Air Superiority Blue
#72a0c1
Blue Depths
#263056
Harvest Wreath
#f7d7c4
Koji Orange
#f6ad49
Lace Veil
#ecebea
Greenland Blue
#367f9a
Ocean Mirage
#00748f
Luminescent Pink
#f984ef
Eagle Rock
#5c5242
CGA Blue
#56ffff
Gulab Brown
#8b2e19
Delicate Bloom
#dbbfce
Disappearing Island
#bbdee5
Carrot Cake
#bf6f31
Macaw Green
#9bb53e
Gravlax
#ec834f
Hypnotism
#32584c
Old Mahogany
#4a0100
Black Grey
#24272e
Overt Green
#97a554
Crayola Orange
#fe7438
People's Choice
#b6a8d0
Caspian Sea
#4f6f91
Azores Blue
#0085a7
Great Green
#abb486
Northpointe
#9e9181
County Green
#1b4b35
Cobblestone Street
#cfc7b9
Ferrari Red
#ff2800
Heritage Park
#69756c
Leadbelcher Metal
#888d8f
rating-img
Rate this tool
NaN/5   0 votes