Created at 06/11/2023 14:45
  0.11k

Admin interface design dark and light theme hex colors

Black
#000000
Anti-Flash White
#f0f0f0
Azureish White
#dcf0f0
Columbia Blue
#c8dcdc
Columbia Blue
#c8dcf0
Pastel Blue
#b4c8c8
Sign In to save palette in collection
The palette consists of Dark, Light colors. Accent colors Anti-Flash White #f0f0f0 and Columbia Blue #c8dcf0. Palette has Neutral, Cool colors temperature.
Palette Admin interface design dark and light theme hex colors has combination of 6 codes colors:
HEX: #000000, RGB: (0, 0, 0); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #dcf0f0, RGB: (220, 240, 240)
HEX: #c8dcdc, RGB: (200, 220, 220); HEX: #c8dcf0, RGB: (200, 220, 240); HEX: #b4c8c8, RGB: (180, 200, 200)
Simplified version of palette colors
Black, Tint of whitesmoke, Tint of lightcyan, Shade of powderblue, Shade of lightsteelblue, Tint of lightblue
Color scheme was created by colorswall

Colors codes in palette

Admin interface design dark and light theme hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#000000 RGB(0, 0, 0)Black
#f0f0f0 RGB(240, 240, 240)Anti-Flash WhiteGray94
#dcf0f0 RGB(220, 240, 240)Azureish White
#c8dcdc RGB(200, 220, 220)Columbia Blue
#c8dcf0 RGB(200, 220, 240)Columbia Blue
#b4c8c8 RGB(180, 200, 200)Pastel Blue

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f0f0f0
#dcf0f0
1.03
#f0f0f0
#c8dcdc
1.25
#f0f0f0
#c8dcf0
1.23
#f0f0f0
#b4c8c8
1.53
#dcf0f0
#c8dcdc
1.2
#dcf0f0
#c8dcf0
1.18

Image palette Admin interface design dark and light theme hex colors png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes