Khaki (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Khaki (CSS) (#F0E68C), each snapped to its nearest named color.
#F0E68C
#89F5E3
#EE88EE
#FEFBE5
#40E0D0
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 | |
| Turquoise Pearl | #89F5E3 | 137, 245, 227 | 170°, 84%, 75% | 44, 0, 7, 4 | 90.0% 0.104 182 | |
| Frail Fuchsia | #EE88EE | 238, 136, 238 | 300°, 75%, 73% | 0, 43, 0, 7 | 77.0% 0.176 327 | |
| Rocket Fuel | #FEFBE5 | 254, 251, 229 | 53°, 93%, 95% | 0, 1, 10, 0 | 98.5% 0.029 101 | |
| Fresh Turquoise | #40E0D0 | 64, 224, 208 | 174°, 72%, 56% | 71, 0, 7, 12 | 82.2% 0.131 185 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE88EE on #FEFBE5 | 2.14:1 | — |
| Aa #F0E68C on #EE88EE | 1.75:1 | — |
| Aa #89F5E3 on #EE88EE | 1.73:1 | — |
| Aa #FEFBE5 on #40E0D0 | 1.57:1 | — |
| Aa #EE88EE on #40E0D0 | 1.36:1 | — |
| Aa #F0E68C on #40E0D0 | 1.28:1 | — |
CSS variables
:root {
--color-1: #f0e68c; /* Khaki (CSS) */
--color-2: #89f5e3; /* Turquoise Pearl */
--color-3: #ee88ee; /* Frail Fuchsia */
--color-4: #fefbe5; /* Rocket Fuel */
--color-5: #40e0d0; /* Fresh Turquoise */
}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) 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 triadic color schemes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Anna Banana Triadic Color Scheme#F5D547#4EFFCD#D94FF5#FBE8A8#0AE9B4
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
Questions
What colors go with Khaki (CSS)?
In a triadic scheme: Turquoise Pearl (#89F5E3), Frail Fuchsia (#EE88EE), Rocket Fuel (#FEFBE5), Fresh Turquoise (#40E0D0).
What is the hex code of Khaki (CSS)?
#F0E68C.