Created at 12/27/2017 20:47
1
Lime palette Materialize CSS
- lime lighten-5#f9fbe7
- lime lighten-4#f0f4c3
- lime lighten-3#e6ee9c
- lime lighten-2#dce775
- lime lighten-1#d4e157
- lime#cddc39
- lime darken-1#c0ca33
- lime darken-2#afb42b
- lime darken-3#9e9d24
- lime darken-4#827717
- lime accent-1#f4ff81
- lime accent-2#eeff41
- lime accent-3#c6ff00
- lime accent-4#aeea00
The palette consists of Light colors. Accent colors lime accent-1 #f4ff81 and lime accent-2 #eeff41. Palette has Neutral, Warm colors temperature.
By lightness, this palette runs from #827717 (darkest) to #F9FBE7 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).
Overall temperature among swatches leans warm.
HEX codes (sorted): #827717, #9E9D24, #AEEA00, #AFB42B, #C0CA33, #C6FF00, #CDDC39, #D4E157, #DCE775, #E6EE9C, #EEFF41, #F0F4C3, #F4FF81, #F9FBE7
Palette Lime palette Materialize CSS has combination of 14 codes colors:
HEX: #f9fbe7, RGB: (249, 251, 231); HEX: #f0f4c3, RGB: (240, 244, 195); HEX: #e6ee9c, RGB: (230, 238, 156)
HEX: #dce775, RGB: (220, 231, 117); HEX: #d4e157, RGB: (212, 225, 87); HEX: #cddc39, RGB: (205, 220, 57)
HEX: #c0ca33, RGB: (192, 202, 51); HEX: #afb42b, RGB: (175, 180, 43); HEX: #9e9d24, RGB: (158, 157, 36)
HEX: #827717, RGB: (130, 119, 23); HEX: #f4ff81, RGB: (244, 255, 129); HEX: #eeff41, RGB: (238, 255, 65)
HEX: #c6ff00, RGB: (198, 255, 0); HEX: #aeea00, RGB: (174, 234, 0)
Simplified version of palette colors
Tint of ivory, Tint of lightgoldenrodyellow, Shade of Khaki, Tint of Khaki, Tint of Khaki, Shade of Yellowgreen, Shade of Yellowgreen, Tint of darkkhaki, Shade of Olive, Tint of Olive, Shade of Khaki, Shade of Yellow, Shade of greenyellow, Tint of greenyellow
Color scheme was created by mz
Colors codes in palette
Lime palette Materialize CSS color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f9fbe7 | #f9fbe7 | RGB(249, 251, 231) | lime lighten-5 | — |
| #f0f4c3 | #f0f4c3 | RGB(240, 244, 195) | lime lighten-4 | — |
| #e6ee9c | #e6ee9c | RGB(230, 238, 156) | lime lighten-3 | — |
| #dce775 | #dce775 | RGB(220, 231, 117) | lime lighten-2 | — |
| #d4e157 | #d4e157 | RGB(212, 225, 87) | lime lighten-1 | — |
| #cddc39 | #cddc39 | RGB(205, 220, 57) | lime | — |
| #c0ca33 | #c0ca33 | RGB(192, 202, 51) | lime darken-1 | — |
| #afb42b | #afb42b | RGB(175, 180, 43) | lime darken-2 | — |
| #9e9d24 | #9e9d24 | RGB(158, 157, 36) | lime darken-3 | — |
| #827717 | #827717 | RGB(130, 119, 23) | lime darken-4 | — |
| #f4ff81 | #f4ff81 | RGB(244, 255, 129) | lime accent-1 | — |
| #eeff41 | #eeff41 | RGB(238, 255, 65) | lime accent-2 | — |
| #c6ff00 | #c6ff00 | RGB(198, 255, 0) | lime accent-3 | — |
| #aeea00 | #aeea00 | RGB(174, 234, 0) | lime accent-4 | — |
Color Palette Contrast
68 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f9fbe7 | #f0f4c3 | 1.08 |
#f9fbe7 | #e6ee9c | 1.17 |
#f9fbe7 | #dce775 | 1.27 |
#f9fbe7 | #d4e157 | 1.35 |
#f9fbe7 | #cddc39 | 1.43 |
#f9fbe7 | #c0ca33 | 1.7 |
Image palette Lime palette Materialize CSS png
Export Palette
Download the "Lime palette Materialize CSS" in multiple formats for seamless integration into your design projects.
Available formats: