Khaki (X11) (Light khaki) Color Codes

Hex code #f0e68c
RGB: rgb(240,230,140)
HSV: ( 54° , 0.42% , 240% )

Complementary Colors

#E4D22F
#EADC5D
#8C8EF0
#5D5FEA

Analogous Colors

#F0AA8C
#E7B974
#D0E774
#BEF08C

Triad Colors

#8CF0E6
#E5D438
#E68CF0
#D438E5

Tetrad Colors

#8C96F0
#8CF0E6
#E5D438
#E68CF0

Sample CSS Code: Text Color

.your-text
{
    color:#f0e68c;
}

Sample CSS Code: Background Color

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

Similar Colors

Hex:
#f0e68c
Distance:
0
Hex:
#f7e98e
Distance:
1.91
Hex:
#eedc82
Distance:
2.72
Hex:
#f0dc82
Distance:
2.88
Hex:
#fce883
Distance:
3.24
Hex:
#f8de7e
Distance:
3.53
Hex:
#f8de7e
Distance:
3.53
Hex:
#e4d96f
Distance:
3.69
Hex:
#eee8aa
Distance:
4.06
Hex:
#fdfd96
Distance:
4.07
Hex:
#e8f48c
Distance:
4.08
Hex:
#ffff99
Distance:
4.08
Hex:
#e9d66b
Distance:
4.11
Hex:
#e9d66b
Distance:
4.11
Hex:
#f3e5ab
Distance:
4.53
Hex:
#f3e5ab
Distance:
4.53
Hex:
#c9dc87
Distance:
4.65
Hex:
#f2f27a
Distance:
4.7
Hex:
#bdb76b
Distance:
4.78
Hex:
#ffffbf
Distance:
4.84
Hex:
#dde26a
Distance:
4.88
Hex:
#c5b358
Distance:
4.96
Hex:
#f8d568
Distance:
5.02
Hex:
#e3f988
Distance:
5.02
Hex:
#ecebbd
Distance:
5.12
Hex:
#ffc87c
Distance:
5.14
Hex:
#f5e050
Distance:
5.21
Hex:
#fada5e
Distance:
5.24
Hex:
#fada5e
Distance:
5.24
Hex:
#fada5e
Distance:
5.24
Hex:
#fae7b5
Distance:
5.29
Hex:
#fbec5d
Distance:
5.31
Hex:
#fbec5d
Distance:
5.31
Hex:
#faf0be
Distance:
5.33
Hex:
#acbf60
Distance:
5.33
Hex:
#fadfad
Distance:
5.35

Similar Colors by Name

Hex:
#a9a9a9
Hex:
#006400
Hex:
#bdb76b
Hex:
#c3b091
Hex:
#f0e68c
Hex:
#b03060
Hex:
#a020f0
Hex:
#c3b091