Khaki (CSS) Tetradic Color Scheme
Five colors arranged by the tetradic rule around Khaki (CSS) (#F0E68C), each snapped to its nearest named color.
#F0E68C
#98F6B0
#8F99FB
#EE88CC
#FEFBE5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Khaki (CSS) | #F0E68C | 240, 230, 140 | 54°, 77%, 75% | 0, 4, 42, 6 | 91.3% 0.112 103 | |
| Tenacious Tentacles | #98F6B0 | 152, 246, 176 | 135°, 84%, 78% | 38, 0, 28, 4 | 89.7% 0.132 151 | |
| Periwinkle Blue | #8F99FB | 143, 153, 251 | 234°, 93%, 77% | 43, 39, 0, 2 | 71.6% 0.142 278 | |
| Blushed Bombshell | #EE88CC | 238, 136, 204 | 320°, 75%, 73% | 0, 43, 14, 7 | 75.7% 0.148 341 | |
| Rocket Fuel | #FEFBE5 | 254, 251, 229 | 53°, 93%, 95% | 0, 1, 10, 0 | 98.5% 0.029 101 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8F99FB on #FEFBE5 | 2.48:1 | — |
| Aa #EE88CC on #FEFBE5 | 2.23:1 | — |
| Aa #F0E68C on #8F99FB | 2.02:1 | — |
| Aa #98F6B0 on #8F99FB | 1.99:1 | — |
| Aa #F0E68C on #EE88CC | 1.82:1 | — |
| Aa #98F6B0 on #EE88CC | 1.79:1 | — |
CSS variables
:root {
--color-1: #f0e68c; /* Khaki (CSS) */
--color-2: #98f6b0; /* Tenacious Tentacles */
--color-3: #8f99fb; /* Periwinkle Blue */
--color-4: #ee88cc; /* Blushed Bombshell */
--color-5: #fefbe5; /* Rocket Fuel */
}Other schemes from Khaki (CSS)
- Khaki (CSS) Complementary Color Scheme#F0E68C#F9F7DE#8F99FB#4455EE#E6E8FA
- Khaki (CSS) Analogous Color Scheme#F08F90#EDB48F#F0E68C#C0FA8B#90EE90
- Khaki (CSS) Triadic Color Scheme#F0E68C#89F5E3#EE88EE#FEFBE5#40E0D0
- Khaki (CSS) Split-complementary Color Scheme#F0E68C#86C8ED#BF8FE5#EBD84B#D4E9F5
- Khaki (CSS) Monochromatic Color Scheme#CAB012#EBD84B#F0E68C#FBF4D1#FBF9E8
More light yellow tetradic color schemes
- Alligator Alley Tetradic Color Scheme#C5D17B#78D1B1#8878C3#D37C99#E9EAC8
- Ancient Treasure Tetradic Color Scheme#E7D082#90EE90#8F8CE7#EE88CC#F8F0D8
- Animal Kingdom Tetradic Color Scheme#BCC09E#9BC2B4#A09BC6#C59DAA#E9EADB
- Anna Banana Tetradic Color Scheme#F5D547#4CFF7B#4166F5#F246A7#FBE8A8
- April Showers Tetradic Color Scheme#DADEB5#BADFCD#B3B4DD#DDB6C6#F6F7ED
- Ash Tetradic Color Scheme#BEBAA7#9FC5AA#9EA5C3#C89EB7#EDE9DF
- Aurora Tetradic Color Scheme#EBD147#4CFF7B#4466EE#F246A7#F4E7A5
- Banana Tetradic Color Scheme#FFFC79#7EFFBA#7777FF#FF77BB#FFFEDF
- Banana Drama Tetradic Color Scheme#F1D548#58F898#4466EE#F246A7#FBE8A8
- Banana Frappé Tetradic Color Scheme#DDD5B6#B9DCC3#B8BFDC#D8B7CF#F7F5ED
- Beekeeper Tetradic Color Scheme#F6E491#98F6B0#9BA0EF#F092D6#FFF9E7
- Beige Tetradic Color Scheme#E6DAA6#A4E3B3#ACACE6#E6A8D7#FAF7EB
Questions
What colors go with Khaki (CSS)?
In a tetradic scheme: Tenacious Tentacles (#98F6B0), Periwinkle Blue (#8F99FB), Blushed Bombshell (#EE88CC), Rocket Fuel (#FEFBE5).
What is the hex code of Khaki (CSS)?
#F0E68C.