Khaki (CSS) Analogous Color Scheme
Five colors arranged by the analogous rule around Khaki (CSS) (#F0E68C), each snapped to its nearest named color.
#F08F90
#EDB48F
#F0E68C
#C0FA8B
#90EE90
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Ikkonzome Pink | #F08F90 | 240, 143, 144 | 359°, 76%, 75% | 0, 40, 40, 6 | 75.2% 0.118 20 | |
| Peach Nirvana | #EDB48F | 237, 180, 143 | 24°, 72%, 75% | 0, 24, 40, 7 | 81.3% 0.083 54 | |
| Khaki (CSS) | #F0E68C | 240, 230, 140 | 54°, 77%, 75% | 0, 4, 42, 6 | 91.3% 0.112 103 | |
| Pistachio Mousse | #C0FA8B | 192, 250, 139 | 91°, 92%, 76% | 23, 0, 44, 2 | 92.1% 0.153 131 | |
| Ulva Lactuca Green | #90EE90 | 144, 238, 144 | 120°, 73%, 75% | 39, 0, 39, 7 | 86.8% 0.156 144 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F08F90 on #C0FA8B | 1.91:1 | — |
| Aa #F08F90 on #F0E68C | 1.82:1 | — |
| Aa #F08F90 on #90EE90 | 1.64:1 | — |
| Aa #EDB48F on #C0FA8B | 1.50:1 | — |
| Aa #EDB48F on #F0E68C | 1.42:1 | — |
| Aa #EDB48F on #90EE90 | 1.29:1 | — |
CSS variables
:root {
--color-1: #f08f90; /* Ikkonzome Pink */
--color-2: #edb48f; /* Peach Nirvana */
--color-3: #f0e68c; /* Khaki (CSS) */
--color-4: #c0fa8b; /* Pistachio Mousse */
--color-5: #90ee90; /* Ulva Lactuca Green */
}Other schemes from Khaki (CSS)
- Khaki (CSS) Complementary Color Scheme#F0E68C#F9F7DE#8F99FB#4455EE#E6E8FA
- Khaki (CSS) Triadic Color Scheme#F0E68C#89F5E3#EE88EE#FEFBE5#40E0D0
- Khaki (CSS) Split-complementary Color Scheme#F0E68C#86C8ED#BF8FE5#EBD84B#D4E9F5
- Khaki (CSS) Tetradic Color Scheme#F0E68C#98F6B0#8F99FB#EE88CC#FEFBE5
- Khaki (CSS) Monochromatic Color Scheme#CAB012#EBD84B#F0E68C#FBF4D1#FBF9E8
More light yellow analogous color schemes
- Alligator Alley Analogous Color Scheme#D5877E#D2B17A#C5D17B#9DCA7B#78CF86
- Ancient Treasure Analogous Color Scheme#E9819A#E79E88#E7D082#C6EA80#94E089
- Animal Kingdom Analogous Color Scheme#C1A097#C4B49C#BCC09E#AAC69A#9FC5AA
- Anna Banana Analogous Color Scheme#EE4466#FA7F46#F5D547#A6FD44#66FF55
- April Showers Analogous Color Scheme#DFB7B4#DCCDB4#DADEB5#C5DCB3#B6DBBF
- Ash Analogous Color Scheme#CA9FA5#C6AC9F#BEBAA7#B8CA9D#AAC69A
- Aurora Analogous Color Scheme#EB4962#EB7E4D#EBD147#A7E142#70F15E
- Banana Analogous Color Scheme#FE7B7C#FFB978#FFFC79#BEFD73#77FF77
- Banana Drama Analogous Color Scheme#EB4962#EF8144#F1D548#A6FD44#66FF55
- Banana Frappé Analogous Color Scheme#DAB7BE#DDC3B6#DDD5B6#CFDDB9#BCDDB3
- Beekeeper Analogous Color Scheme#F590A0#F4B58F#F6E491#D8F19C#B1FC99
- Beige Analogous Color Scheme#E5A5B1#E8B9A5#E6DAA6#D9E6A6#B1E5AA
Questions
What colors go with Khaki (CSS)?
In a analogous scheme: Ikkonzome Pink (#F08F90), Peach Nirvana (#EDB48F), Pistachio Mousse (#C0FA8B), Ulva Lactuca Green (#90EE90).
What is the hex code of Khaki (CSS)?
#F0E68C.