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:
#bdb76b
Hex:
#c3b091
Hex:
#f0e68c
Hex:
#fdd5b1
Hex:
#add8e6
Hex:
#b5651d
Hex:
#e66771
Hex:
#88ace0
Hex:
#f08080
Hex:
#93ccea
Hex:
#f56991
Hex:
#e0ffff
Hex:
#ff5ccd
Hex:
#c8ad7f
Hex:
#f984ef
Hex:
#fafad2
Hex:
#d3d3d3
Hex:
#cc99cc
Hex:
#90ee90
Hex:
#ffb3de
Hex:
#d39bcb
Hex:
#addfad
Hex:
#e6a8d7
Hex:
#b19cd9
Hex:
#ffb6c1
Hex:
#e97451
Hex:
#ffa07a
Hex:
#ff9999
Hex:
#20b2aa
Hex:
#87cefa
Hex:
#778899
Hex:
#b0c4de
Hex:
#b38b6d
Hex:
#e68fac
Hex:
#ffffe0
Hex:
#74bbfb
Hex:
#6666ff
Hex:
#64e986
Hex:
#ffb077
Hex:
#d3d3d3
Hex:
#b19cd9
Hex:
#ffcccb
Hex:
#c3b091