Web website product ui

  • Black
    #141414
  • White
    #ffffff
  • Pale Cerulean
    #a0c8dc
  • Light Steel Blue
    #b4c8dc
  • Languid Lavender
    #dcc8dc
  • Powder Blue
    #b4dcdc
  74
Created at 04/16/2023 16:46
The palette consists of Dark, Light colors. Accent colors White #ffffff and Pale Cerulean #a0c8dc. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #141414 (darkest) to #FFFFFF (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range, averaging 24% across the palette.

A varied palette: its hues are spread across about 120° of the color wheel.

Overall temperature among swatches leans cool (4 of 6).

HEX codes (sorted): #141414, #A0C8DC, #B4C8DC, #B4DCDC, #DCC8DC, #FFFFFF

Palette Web website product ui combines 6 color codes:
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #a0c8dc, RGB: (160, 200, 220)
HEX: #b4c8dc, RGB: (180, 200, 220); HEX: #dcc8dc, RGB: (220, 200, 220); HEX: #b4dcdc, RGB: (180, 220, 220)
Simplified version of palette colors
Tint of Black, White, Shade of Light Blue, Tint of Light Steel Blue, Tint of Thistle, Shade of Powder Blue
Color scheme was created by coolor

Color codes in palette

Web website product ui color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#141414#141414RGB(20, 20, 20)BlackSooty
#ffffff#ffffffRGB(255, 255, 255)White—
#a0c8dc#a0c8dcRGB(160, 200, 220)Pale Cerulean—
#b4c8dc#b4c8dcRGB(180, 200, 220)Light Steel Blue—
#dcc8dc#dcc8dcRGB(220, 200, 220)Languid Lavender—
#b4dcdc#b4dcdcRGB(180, 220, 220)Powder Blue—

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ffffff
#a0c8dc
1.78
#ffffff
#b4c8dc
1.71
#ffffff
#dcc8dc
1.57
#ffffff
#b4dcdc
1.47
#a0c8dc
#b4c8dc
1.03
#a0c8dc
#dcc8dc
1.13

Image palette Web website product ui png