Created at 02/19/2023 11:41
#5c9cb4 HEX Color information
Color | HEX | RGB |
#5c9cb4 | RGB(92, 156, 180) |
RGB values are RGB(92, 156, 180)
#5c9cb4 color contain Red 36.08%, Green 61.18% and Blue 70.59%.
Alternative colors of #5c9cb4
Opposite Color for #5c9cb4 is #b3725b
#5c9cb4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5c9cb4
Decimal
6069428
HEX
#5c9cb4
HSL
hsl(196, 37%, 53%)
HSLA
hsla(196, 37%, 53%, 1)
RGB
RGB(92, 156, 180)
RGBA
RGBA(92, 156, 180, 1)
Palettes for #5c9cb4 color:
Below examples of color palettes for #5c9cb4 HEX color
darkest color is #091012 from shades and lightest color is #eff5f8 from tints
Shades palette of #5c9cb4:
Tints palette of #5c9cb4:
Complementary palette of #5c9cb4:
Triadic palette of #5c9cb4:
Square palette of #5c9cb4:
Analogous palette of #5c9cb4:
Split-Complementary palette of #5c9cb4:
Rectangle (tetradic) palette of #5c9cb4:
Suggested colors palettes for #5c9cb4 HEX:
Colors palette with color #5c9cb4 #1:
Colors palette with color #5c9cb4 #2:
Colors palette with color #5c9cb4 #3:
Colors palette with color #5c9cb4 #4:
Colors palette with color #5c9cb4 #5:
Color #5c9cb4 used in palettes (12)
Green bedroom colors palette Branding brand refresh drag queen typography hex colors Planet earth concept design colours Real estate agency vertical lockup color palette Design ux webdesign ui colors palette Logotype simple lettering monoline script colours Excursion logo sea logotype palette Catalog design logotype medical logo brand colors Aleksandra joy vector illustration palette Illustration dailyui 008 webdesign dailyuichallenge palette Design android login ui palette Landingpage educational cards ui hero section palette
Color Contrast
Color pairings #5c9cb4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5c9cb4
#5c9cb4 Contrast Ratio
3.05:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#5c9cb4
#5c9cb4 Contrast Ratio
6.86:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |