Loading...
Created at 07/07/2022 09:53
  0.29k

Css webdesign tricks html colours

  • Aureolin
    #faee04
  • Aero
    #7cb4e4
  • Antique Bronze
    #756616
  • Russian Green
    #74a05c
  • Dark Vanilla
    #cebdaa
  • Liver Chestnut (Horses)
    #593f30
Loading...
The palette consists of Light, Semi dark colors. Accent colors Aureolin #faee04 and Aero #7cb4e4. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #593F30 (darkest) to #CEBDAA (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #593F30, #74A05C, #756616, #7CB4E4, #CEBDAA, #FAEE04

Palette Css webdesign tricks html colours has combination of 6 codes colors:
HEX: #faee04, RGB: (250, 238, 4); HEX: #7cb4e4, RGB: (124, 180, 228); HEX: #756616, RGB: (117, 102, 22)
HEX: #74a05c, RGB: (116, 160, 92); HEX: #cebdaa, RGB: (206, 189, 170); HEX: #593f30, RGB: (89, 63, 48)
Simplified version of palette colors
Tint of Yellow, Tint of lightskyblue, Tint of Olive, Shade of olivedrab, Shade of tan, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Css webdesign tricks html colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#faee04 #faee04 RGB(250, 238, 4)Aureolin
#7cb4e4 #7cb4e4 RGB(124, 180, 228)Aero
#756616 #756616 RGB(117, 102, 22)Antique Bronze
#74a05c #74a05c RGB(116, 160, 92)Russian Green
#cebdaa #cebdaa RGB(206, 189, 170)Dark Vanilla
#593f30 #593f30 RGB(89, 63, 48)Liver Chestnut (Horses)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#faee04
#7cb4e4
1.81
#faee04
#cebdaa
1.5
#7cb4e4
#74a05c
1.37
#7cb4e4
#cebdaa
1.2
#756616
#74a05c
1.88
#756616
#593f30
1.68

Image palette Css webdesign tricks html colours png

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