Loading...
Created at 07/07/2022 11:37
  0.13k

Website ux landingpage dailyui hex colors

  • Cyan-Blue Azure
    #428ebc
  • Beau Blue
    #b4cfdf
  • Police Blue
    #27536e
  • Rackley
    #64849c
  • Wild Blue Yonder
    #94b4c8
  • Japanese Indigo
    #294254
Loading...
The palette consists of Light colors. Accent colors Cyan-Blue Azure #428ebc and Police Blue #27536e. Palette has Cool colors temperature.

By lightness, this palette runs from #294254 (darkest) to #B4CFDF (lightest). The lightness range is moderate.

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

HEX codes (sorted): #27536E, #294254, #428EBC, #64849C, #94B4C8, #B4CFDF

Palette Website ux landingpage dailyui hex colors has combination of 6 codes colors:
HEX: #428ebc, RGB: (66, 142, 188); HEX: #b4cfdf, RGB: (180, 207, 223); HEX: #27536e, RGB: (39, 83, 110)
HEX: #64849c, RGB: (100, 132, 156); HEX: #94b4c8, RGB: (148, 180, 200); HEX: #294254, RGB: (41, 66, 84)
Simplified version of palette colors
Shade of steelblue, Tint of lightblue, Shade of darkslategrey, Shade of slategrey, Tint of lightsteelblue, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Website ux landingpage dailyui hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#428ebc #428ebc RGB(66, 142, 188)Cyan-Blue Azure
#b4cfdf #b4cfdf RGB(180, 207, 223)Beau Blue
#27536e #27536e RGB(39, 83, 110)Police Blue
#64849c #64849c RGB(100, 132, 156)Rackley
#94b4c8 #94b4c8 RGB(148, 180, 200)Wild Blue Yonder
#294254 #294254 RGB(41, 66, 84)Japanese Indigo

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#428ebc
#64849c
1.09
#428ebc
#94b4c8
1.65
#b4cfdf
#94b4c8
1.34
#27536e
#294254
1.27
#64849c
#94b4c8
1.8

Image palette Website ux landingpage dailyui hex colors png

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