Created at 09/01/2020 17:17
  0.24k

Color type layout ux colours

#fbcc04
#f2db75
#735c07
#648f8c
#8cc4ac
#3d5653
The palette consists of Light, Semi dark colors. Accent colors #fbcc04 and #648f8c. Palette has Warm, Cool colors temperature.
Palette Color type layout ux colours has combination of 6 codes colors:
HEX: #fbcc04, RGB: (251, 204, 4); HEX: #f2db75, RGB: (242, 219, 117); HEX: #735c07, RGB: (115, 92, 7)
HEX: #648f8c, RGB: (100, 143, 140); HEX: #8cc4ac, RGB: (140, 196, 172); HEX: #3d5653, RGB: (61, 86, 83)
Simplified version of palette colors
Tint of gold, Tint of Khaki, Tint of Olive, Tint of cadetblue, Shade of mediumaquamarine, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Color type layout ux colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fbcc04 RGB(251, 204, 4)
#f2db75 RGB(242, 219, 117)
#735c07 RGB(115, 92, 7)
#648f8c RGB(100, 143, 140)
#8cc4ac RGB(140, 196, 172)
#3d5653 RGB(61, 86, 83)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fbcc04
#f2db75
1.1
#fbcc04
#8cc4ac
1.29
#f2db75
#8cc4ac
1.42
#735c07
#648f8c
1.79
#735c07
#3d5653
1.22
#648f8c
#8cc4ac
1.81

Image palette Color type layout ux colours png