Loading...
Created at 09/16/2020 11:55
  0.22k

Layout illustration icon accessibility colors palette

  • #04ccb4
  • #7becd4
  • #05b7a8
  • #4fa6a2
  • #c4bcd4
  • #4f838a
Loading...
The palette consists of Light colors. Accent colors #04ccb4 and #05b7a8. Palette has Cool colors temperature.

By lightness, this palette runs from #05B7A8 (darkest) to #C4BCD4 (lightest). The lightness range is moderate.

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

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #04CCB4, #05B7A8, #4F838A, #4FA6A2, #7BECD4, #C4BCD4

Palette Layout illustration icon accessibility colors palette has combination of 6 codes colors:
HEX: #04ccb4, RGB: (4, 204, 180); HEX: #7becd4, RGB: (123, 236, 212); HEX: #05b7a8, RGB: (5, 183, 168)
HEX: #4fa6a2, RGB: (79, 166, 162); HEX: #c4bcd4, RGB: (196, 188, 212); HEX: #4f838a, RGB: (79, 131, 138)
Simplified version of palette colors
Tint of turquoise, Shade of turquoise, Tint of lightseagreen, Shade of cadetblue, Tint of thistle, Shade of darkcyan
Color scheme was created by colorswall

Colors codes in palette

Layout illustration icon accessibility colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#04ccb4 #04ccb4 RGB(4, 204, 180)
#7becd4 #7becd4 RGB(123, 236, 212)
#05b7a8 #05b7a8 RGB(5, 183, 168)
#4fa6a2 #4fa6a2 RGB(79, 166, 162)
#c4bcd4 #c4bcd4 RGB(196, 188, 212)
#4f838a #4f838a RGB(79, 131, 138)

Color Palette Contrast

11 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#04ccb4
#7becd4
1.43
#04ccb4
#05b7a8
1.23
#04ccb4
#4fa6a2
1.4
#04ccb4
#c4bcd4
1.11
#7becd4
#05b7a8
1.77
#7becd4
#c4bcd4
1.28

Image palette Layout illustration icon accessibility colors palette png

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