#dfa01a Color Hex Grapefruit Yellow

Information about Grapefruit Yellow Color | #0000FF

#dfa01a color RGB value is (223,160,26). #dfa01a color name is Grapefruit Yellow color.

#dfa01a hex color red value is 223 , green value is 160 and the blue value of its RGB is 26 . Cylindrical-coordinate representations (also known as HSL) of color #dfa01a hue: 41 , saturation: 79 and the lightness value of #dfa01a is 49

The process color (four color CMYK) of #dfa01a color hex is 0 , 11 ,35, 5 .

#dfa01a

~Grapefruit Yellow

Color Converions

HEX
#dfa01a
RGB
223,160,26
LAB
71,17,70
CMYK
0,28,88,13
LCH
71,72,76
XYZ
43,41,7
HSV
41,88,87
HSL
41,79,49

Base Numbers

Base Red Green Blue
Binary 11011111 10100000 11010
Octal 337 240 32
Decimal 223 160 26
Hex df a0 1a

RGB Percentages of Color #dfa01a

87%
63%
10%

CMYK Percentages of Color #dfa01a

0%
35%
11%
5%

Color Variations

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

Shades of #dfa01a

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

10%
#dfa01a
20%
#c99017
30%
#b28015
40%
#9c7012
50%
#866010
60%
#70500d
70%
#59400a
80%
#433008
90%
#2d2005
100%
#161003

Tints of #dfa01a

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

10%
#dfa01a
20%
#e2aa31
30%
#e5b348
40%
#e9bc5f
50%
#ecc676
60%
#efcf8d
70%
#f2d9a3
80%
#f5e2ba
90%
#f9ecd1
100%
#fcf5e8

Tones of #dfa01a

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

10%
#dfa01a
20%
#d59d24
30%
#cc9a2e
40%
#c29638
50%
#b99343
60%
#af904d
70%
#a68d57
80%
#9c8961
90%
#93866b
100%
#898375

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.
#dfa01a
#df511a
#df791a
#dfa01a
#dfc71a
#cfdf1a

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#dfa01a
#1a59df

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#dfa01a
#32df1a
#511adf

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#dfa01a
#1adfa0
#a01adf

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.
#dfa01a
#1adf3e
#1a59df
#df1abb

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#dfa01a
#0a0801
#352606
#5f450b
#8a6310
#b48115

Blindness simulator

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

Normal

#dfa01a

protanopia

#c0aa23

deuteranopia

#d8a11e

tritanopia

#e6939e

achromatopsia

#a4a4a4

protanomaly

#cba720

deuteranomaly

#dba11d

achromatopsia

#a4a4a4

tritanomaly

#e4986e

achromatomaly

#b9a272

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 9/21
Hello World !

#dfa01a Color CSS Codes

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

#dfa01a Text Font Color

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

This sample text font color is #dfa01a
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.

#dfa01a Background Color

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

#dfa01a Border Color

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

This div border color is #dfa01a

#dfa01a Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #dfa01a

More Colors

Camel Coat
#c5b39a
Light Limed White
#dbd5ce
Eclectic
#aaafbd
Icebreaker
#b7c2cc
Cold Turkey
#cab5b2
Almendra Tostada
#e8d6bd
Opera Mauve
#b784a7
Middle Yellow
#ffeb00
Oriental Spice
#8b5131
Brik Dough
#dab77f
Old Boot
#7c644b
Freedom
#3b5e68
Mossy Shining Gold
#bad147
Margarita
#b5c38e
Clam Shell
#d2b3a9
Lunar Rock
#c5c5c5
Golden Pheasant
#cf9632
Gumbo
#718f8a
Drowsy Lavender
#d4dbe1
Arabian Bake
#cd9945
Aero Blue
#c0e8d5
Lavender Lake
#a198a2
Green Gaze
#c7c3a8
Dreaming Blue
#8ac2d6
Oakwood
#bda58b
Platinum Ogon Koi
#ece1d3
Aztec Brick
#9e8352
Northern Beach
#e9dad2
Peony Prize
#faddd4
Pink Peacock
#c62168
Grey Owl
#776f67
Fair Maiden
#f1e7dc
Party Time
#d0252f
Izmir Pink
#ceb0b5
Manhattan
#e2af80
Forest Ride
#006800
Martinique
#3c3748
Butterscotch Glaze
#c48446
Knock On Wood
#9f9b84
rating-img
Rate this tool
NaN/5   0 votes