Created at 12/29/2017 15:02
colors.css palette
- NAVY#001f3f
- BLUE#0074d9
- AQUA#7fdbff
- TEAL#39cccc
- OLIVE#3d9970
- GREEN#2ecc40
- LIME#01ff70
- YELLOW#ffdc00
- ORANGE#ff851b
- RED#ff4136
- MAROON#85144b
- FUCHSIA#f012be
- PURPLE#b10dc9
- BLACK#111111
- GRAY#aaaaaa
- SILVER#dddddd
The palette consists of Dark, Semi dark, Light colors. Accent colors AQUA #7fdbff and YELLOW #ffdc00. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #111111 (darkest) to #DDDDDD (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #001F3F, #0074D9, #01FF70, #111111, #2ECC40, #39CCCC, #3D9970, #7FDBFF, #85144B, #AAAAAA, #B10DC9, #DDDDDD, #F012BE, #FF4136, #FF851B, #FFDC00
Palette colors.css palette has combination of 16 codes colors:
HEX: #001f3f, RGB: (0, 31, 63); HEX: #0074d9, RGB: (0, 116, 217); HEX: #7fdbff, RGB: (127, 219, 255)
HEX: #39cccc, RGB: (57, 204, 204); HEX: #3d9970, RGB: (61, 153, 112); HEX: #2ecc40, RGB: (46, 204, 64)
HEX: #01ff70, RGB: (1, 255, 112); HEX: #ffdc00, RGB: (255, 220, 0); HEX: #ff851b, RGB: (255, 133, 27)
HEX: #ff4136, RGB: (255, 65, 54); HEX: #85144b, RGB: (133, 20, 75); HEX: #f012be, RGB: (240, 18, 190)
HEX: #b10dc9, RGB: (177, 13, 201); HEX: #111111, RGB: (17, 17, 17); HEX: #aaaaaa, RGB: (170, 170, 170)
HEX: #dddddd, RGB: (221, 221, 221)
Simplified version of palette colors
Tint of midnightblue, Tint of steelblue, Shade of skyblue, Shade of darkturquoise, Shade of seashell, Tint of limegreen, Tint of springgreen, Shade of gold, Tint of darkorange, Tint of tomato, Shade of Purple, Tint of magenta, Tint of darkorchid, Shade of Black, Shade of darkgrey, Shade of gainsboro
Color scheme was created by mz
Colors codes in palette
colors.css palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #001f3f | #001f3f | RGB(0, 31, 63) | NAVY | — |
| #0074d9 | #0074d9 | RGB(0, 116, 217) | BLUE | — |
| #7fdbff | #7fdbff | RGB(127, 219, 255) | AQUA | — |
| #39cccc | #39cccc | RGB(57, 204, 204) | TEAL | — |
| #3d9970 | #3d9970 | RGB(61, 153, 112) | OLIVE | — |
| #2ecc40 | #2ecc40 | RGB(46, 204, 64) | GREEN | — |
| #01ff70 | #01ff70 | RGB(1, 255, 112) | LIME | — |
| #ffdc00 | #ffdc00 | RGB(255, 220, 0) | YELLOW | Summer Sun |
| #ff851b | #ff851b | RGB(255, 133, 27) | ORANGE | — |
| #ff4136 | #ff4136 | RGB(255, 65, 54) | RED | — |
| #85144b | #85144b | RGB(133, 20, 75) | MAROON | — |
| #f012be | #f012be | RGB(240, 18, 190) | FUCHSIA | — |
| #b10dc9 | #b10dc9 | RGB(177, 13, 201) | PURPLE | — |
| #111111 | #111111 | RGB(17, 17, 17) | BLACK | Dreamless Sleep |
| #aaaaaa | #aaaaaa | RGB(170, 170, 170) | GRAY | Dhūsar Grey |
| #dddddd | #dddddd | RGB(221, 221, 221) | SILVER | Steam |
Color Palette Contrast
55 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#001f3f | #85144b | 1.73 |
#001f3f | #111111 | 1.13 |
#0074d9 | #3d9970 | 1.33 |
#0074d9 | #ff851b | 1.91 |
#0074d9 | #ff4136 | 1.34 |
#0074d9 | #f012be | 1.22 |
Image palette colors.css palette png
Export Palette
Download the "colors.css palette" in multiple formats for seamless integration into your design projects.
Available formats: