Loading...
Created at 09/29/2021 04:08
  0.17k

Date design system uxdesign uiuxdesign colors palette

  • #3cb4ec
  • #98d4f8
  • #0b5678
  • #717171
  • #b6cbdc
  • #0d638b
Loading...
The palette consists of Light, Semi dark colors. Accent colors #98d4f8 and #717171. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #0B5678 (darkest) to #B6CBDC (lightest). The lightness range is moderate.

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 cool.

HEX codes (sorted): #0B5678, #0D638B, #3CB4EC, #717171, #98D4F8, #B6CBDC

Palette Date design system uxdesign uiuxdesign colors palette has combination of 6 codes colors:
HEX: #3cb4ec, RGB: (60, 180, 236); HEX: #98d4f8, RGB: (152, 212, 248); HEX: #0b5678, RGB: (11, 86, 120)
HEX: #717171, RGB: (113, 113, 113); HEX: #b6cbdc, RGB: (182, 203, 220); HEX: #0d638b, RGB: (13, 99, 139)
Simplified version of palette colors
Shade of deepskyblue, Shade of lightskyblue, Tint of darkslategrey, Shade of dimgrey, Shade of lightsteelblue, Tint of steelblue
Color scheme was created by colorswall

Colors codes in palette

Date design system uxdesign uiuxdesign colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3cb4ec #3cb4ec RGB(60, 180, 236)
#98d4f8 #98d4f8 RGB(152, 212, 248)
#0b5678 #0b5678 RGB(11, 86, 120)
#717171 #717171 RGB(113, 113, 113)
#b6cbdc #b6cbdc RGB(182, 203, 220)
#0d638b #0d638b RGB(13, 99, 139)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3cb4ec
#98d4f8
1.46
#3cb4ec
#b6cbdc
1.4
#98d4f8
#b6cbdc
1.04
#0b5678
#717171
1.64
#0b5678
#0d638b
1.21
#717171
#0d638b
1.35

Image palette Date design system uxdesign uiuxdesign colors palette png

Loading...
Loading...
Loading...