Loading...
Created at 07/15/2021 15:33
  0.16k

Website design uxdesign ux palette

  • #bfbf3f
  • #dddd9b
  • #0c0c04
  • #9b7e6a
  • #bebec5
  • #7c4444
Loading...
The palette consists of Light, Dark colors. Accent colors #bfbf3f and #bebec5. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #0C0C04 (darkest) to #BEBEC5 (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans warm.

HEX codes (sorted): #0C0C04, #7C4444, #9B7E6A, #BEBEC5, #BFBF3F, #DDDD9B

Palette Website design uxdesign ux palette has combination of 6 codes colors:
HEX: #bfbf3f, RGB: (191, 191, 63); HEX: #dddd9b, RGB: (221, 221, 155); HEX: #0c0c04, RGB: (12, 12, 4)
HEX: #9b7e6a, RGB: (155, 126, 106); HEX: #bebec5, RGB: (190, 190, 197); HEX: #7c4444, RGB: (124, 68, 68)
Simplified version of palette colors
Shade of darkkhaki, Tint of palegoldenrod, Shade of Black, Shade of Grey, Tint of Silver, Shade of brown
Color scheme was created by colorswall

Colors codes in palette

Website design uxdesign ux palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#bfbf3f #bfbf3f RGB(191, 191, 63)
#dddd9b #dddd9b RGB(221, 221, 155)
#0c0c04 #0c0c04 RGB(12, 12, 4)
#9b7e6a #9b7e6a RGB(155, 126, 106)
#bebec5 #bebec5 RGB(190, 190, 197)
#7c4444 #7c4444 RGB(124, 68, 68)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#bfbf3f
#dddd9b
1.38
#bfbf3f
#9b7e6a
1.92
#bfbf3f
#bebec5
1.05
#dddd9b
#bebec5
1.31

Image palette Website design uxdesign ux palette png

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