Pale goldenrod Color Codes

HTML, CSS or hex color code for color "Pale goldenrod" is #eee8aa

Hex code #eee8aa
RGB: rgb(238,232,170)
HSV: ( 54.71° , 0.29% , 238% )

Complementary Colors

#DDD155
#E6DC7F
#AAABEE
#7F81E6
Complementary colors, when placed next to each other, create the best contrast. This is because complementary colors are picked from the opposite sides of the color wheel. If you combine the complementary colors, you will get one of the colors in the grey scale (white to black) because the colors cancel out each other. Sometimes, complementary colors are also called "opposite colors"

Analogous Colors

#EEBEAA
#E4C595
#D5E495
#CCEEAA
Analogous Colors are groups of colors that are next to each other in the color wheel.

Triad Colors

#AAEEE7
#DFD35D
#E7AAEE
#D25DDF
Triad Colors are the colors placed evenly around the color wheel. If you use this combination, you get a vibrant look to the end result.

Tetrad Colors

#AAB1EE
#AAEEE7
#DFD35D
#E7AAEE
A tetrad is a color scheme with the equal distance between all colors. The tetrad scheme gives a vibrant and colorful overall look.

Sample CSS Code: Text Color

.your-text
{
    color:#eee8aa;
}

Sample CSS Code: Background Color

.sample-bg
{
    background-color:#eee8aa;
}

Similar Colors by Name

Hex:
#b8860b
Hex:
#daa520
Hex:
#fafad2
Hex:
#bcd4e6
Hex:
#afeeee
Hex:
#987654
Hex:
#af4035
Hex:
#9bc4e2
Hex:
#ddadaf
Hex:
#da8a67
Hex:
#abcdef
Hex:
#87d3f8
Hex:
#e6be8a
Hex:
#98fb98
Hex:
#dcd0ff
Hex:
#f984e5
Hex:
#ff99cc
Hex:
#fadadd
Hex:
#dda0dd
Hex:
#db7093
Hex:
#96ded1
Hex:
#c9c0bb
Hex:
#ecebbd
Hex:
#bc987e
Hex:
#afeeee
Hex:
#cc99ff
Hex:
#db7093
Hex:
#ffdfbf
Hex:
#ffffbf

Similar Colors by Distance

Hex:
#f3e5ab
Distance:
2.18
Hex:
#f3e5ab
Distance:
2.18
Hex:
#ecebbd
Distance:
3.12
Hex:
#ffffbf
Distance:
3.2
Hex:
#fae7b5
Distance:
3.4
Hex:
#faf0be
Distance:
3.45
Hex:
#fadfad
Distance:
3.7
Hex:
#f6eabe
Distance:
3.77
Hex:
#ffdead
Distance:
3.95
Hex:
#f7e98e
Distance:
3.95
Hex:
#f0e68c
Distance:
4.06
Hex:
#f0e68c
Distance:
4.06
Hex:
#fffacd
Distance:
4.14
Hex:
#fffdd0
Distance:
4.16
Hex:
#f5deb3
Distance:
4.2
Hex:
#fad6a5
Distance:
4.33
Hex:
#fad6a5
Distance:
4.33
Hex:
#fad6a5
Distance:
4.33
Hex:
#fafad2
Distance:
4.34
Hex:
#bbb477
Distance:
4.5
Hex:
#efdfbb
Distance:
4.52
Hex:
#eedc82
Distance:
4.53
Hex:
#f0dc82
Distance:
4.63
Hex:
#fce883
Distance:
4.7
Hex:
#ffe0bd
Distance:
4.8
Hex:
#d0f0c0
Distance:
4.81
Hex:
#ffe4c4
Distance:
4.96
Hex:
#ffdfbf
Distance:
5.03
Hex:
#bcb88a
Distance:
5.05
Hex:
#fdd9b5
Distance:
5.06
Hex:
#f8de7e
Distance:
5.06
Hex:
#f8de7e
Distance:
5.06
Hex:
#ffcc99
Distance:
5.09
Hex:
#ffebcd
Distance:
5.12
Hex:
#ffffe0
Distance:
5.15
Hex:
#eae0c8
Distance:
5.16
Hex:
#eae0c8
Distance:
5.16
Hex:
#f7e7ce
Distance:
5.18
Hex:
#f5f5dc
Distance:
5.19
Hex:
#ffdab9
Distance:
5.21
Hex:
#e6be8a
Distance:
5.22
Hex:
#c2b280
Distance:
5.22
Hex:
#c2b280
Distance:
5.22
Hex:
#c9dc87
Distance:
5.24
Hex:
#bdb76b
Distance:
5.25
Hex:
#fdd5b1
Distance:
5.25
Hex:
#fdd5b1
Distance:
5.25
Hex:
#f0ead6
Distance:
5.3
Hex:
#fff8dc
Distance:
5.3
Hex:
#e9ffdb
Distance:
5.36
Hex:
#ffefd5
Distance:
5.39
Hex:
#deb887
Distance:
5.43
Hex:
#e9d66b
Distance:
5.48
Hex:
#e9d66b
Distance:
5.48
Hex:
#e4d96f
Distance:
5.49

Related: