Created at 02/26/2024 22:31
Surfside
Surfside
#9acad3
#a4cfd7
#aed5dc
#b8dae0
#c2dfe5
#cde5e9
#d7eaed
#e1eff2
#ebf4f6
#f5fafb
White
#ffffff
The palette consists of Light colors. Accent colors #f5fafb and White #ffffff. Palette has Cool, Neutral colors temperature.
Palette Surfside has combination of 11 codes colors:
HEX: #9acad3, RGB: (154, 202, 211); HEX: #a4cfd7, RGB: (164, 207, 215); HEX: #aed5dc, RGB: (174, 213, 220)
HEX: #b8dae0, RGB: (184, 218, 224); HEX: #c2dfe5, RGB: (194, 223, 229); HEX: #cde5e9, RGB: (205, 229, 233)
HEX: #d7eaed, RGB: (215, 234, 237); HEX: #e1eff2, RGB: (225, 239, 242); HEX: #ebf4f6, RGB: (235, 244, 246)
HEX: #f5fafb, RGB: (245, 250, 251); HEX: #ffffff, RGB: (255, 255, 255)
Simplified version of palette colors
Tint of lightblue, Tint of lightblue, Tint of lightblue, Shade of lightblue, Shade of lightblue, Shade of lightblue, Tint of azure, Tint of azure, Tint of azure, Shade of whitesmoke, White
Color scheme was created by MVS9966
Colors codes in palette
Surfside color codes HEX, RGB information in table
Color | HEX | RGB | Name | Alternative name |
#9acad3 | RGB(154, 202, 211) | Surfside | — | |
#a4cfd7 | RGB(164, 207, 215) | — | — | |
#aed5dc | RGB(174, 213, 220) | — | — | |
#b8dae0 | RGB(184, 218, 224) | — | — | |
#c2dfe5 | RGB(194, 223, 229) | — | — | |
#cde5e9 | RGB(205, 229, 233) | — | — | |
#d7eaed | RGB(215, 234, 237) | — | — | |
#e1eff2 | RGB(225, 239, 242) | — | — | |
#ebf4f6 | RGB(235, 244, 246) | — | — | |
#f5fafb | RGB(245, 250, 251) | — | — | |
#ffffff | RGB(255, 255, 255) | White | — |
Color Palette Contrast
55 color pairs have low contrast and need improvement which may impact readability.
Text Color | Background Color | Contrast Ratio |
#9acad3 | #a4cfd7 | 1.06 |
#9acad3 | #aed5dc | 1.13 |
#9acad3 | #b8dae0 | 1.2 |
#9acad3 | #c2dfe5 | 1.27 |
#9acad3 | #cde5e9 | 1.35 |
#9acad3 | #d7eaed | 1.43 |