Created at 02/18/2023 17:26
#345cfc HEX Color information
| Color | HEX | RGB |
| #345cfc | RGB(52, 92, 252) |
RGB values are RGB(52, 92, 252)
#345cfc color contain Red 20.39%, Green 36.08% and Blue 98.82%.
Opposite Color for #345cfc is #fcd436
#345cfc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #345cfc
Decimal
3431676
HEX
#345cfc
HSL
hsl(228, 97%, 60%)
HSLA
hsla(228, 97%, 60%, 1)
RGB
RGB(52, 92, 252)
RGBA
RGBA(52, 92, 252, 1)
Palettes for #345cfc color:
Below examples of color palettes for #345cfc HEX color
darkest color is #050919 from shades and lightest color is #ebefff from tints
Shades palette of #345cfc:
Tints palette of #345cfc:
Complementary palette of #345cfc:
Triadic palette of #345cfc:
Square palette of #345cfc:
Analogous palette of #345cfc:
Split-Complementary palette of #345cfc:
Rectangle (tetradic) palette of #345cfc:
Suggested colors palettes for #345cfc HEX:
Colors palette with color #345cfc #1:
Colors palette with color #345cfc #2:
Colors palette with color #345cfc #3:
Colors palette with color #345cfc #4:
Colors palette with color #345cfc #5:
Color #345cfc used in palettes (8)
Login page ui design ux colours Brand design identity branding arrows icon colors palette Illustration poster laptop air freight hex colors App design branding colors palette Poster concert print design adobe illustrator hex colors Air freight poster banner package palette Popular design product 2019 learning platform Ui designinspiration dashboad design hex colors
Color Contrast
Color pairings #345cfc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#345cfc
#345cfc Contrast Ratio
5.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#345cfc
#345cfc Contrast Ratio
4.08:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
