Created at 02/20/2023 16:59
#6c9cb4 HEX Color information
Color | HEX | RGB |
#6c9cb4 | RGB(108, 156, 180) |
RGB values are RGB(108, 156, 180)
#6c9cb4 color contain Red 42.35%, Green 61.18% and Blue 70.59%.
Alternative colors of #6c9cb4
Opposite Color for #6c9cb4 is #b3836b
#6c9cb4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #6c9cb4
Decimal
7118004
HEX
#6c9cb4
HSL
hsl(200, 32%, 56%)
HSLA
hsla(200, 32%, 56%, 1)
RGB
RGB(108, 156, 180)
RGBA
RGBA(108, 156, 180, 1)
Palettes for #6c9cb4 color:
Below examples of color palettes for #6c9cb4 HEX color
darkest color is #0b1012 from shades and lightest color is #f0f5f8 from tints
Shades palette of #6c9cb4:
Tints palette of #6c9cb4:
Complementary palette of #6c9cb4:
Triadic palette of #6c9cb4:
Square palette of #6c9cb4:
Analogous palette of #6c9cb4:
Split-Complementary palette of #6c9cb4:
Rectangle (tetradic) palette of #6c9cb4:
Color #6c9cb4 used in palettes (11)
Dolphin and sea color palette Astronaut illustration outer space character colors palette Design watches ui nomos Web design daily colors palette 828 Ux ui web design colors Flat ux uidesign web colours Card design app 设计 colors Thank you card gift groovy script colors palette Dailyui ux ui app colors Branding design illustration brandidentity Clock alarm animation hex colors
Color Contrast
Color pairings #6c9cb4 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#6c9cb4
#6c9cb4 Contrast Ratio
2.97:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#6c9cb4
#6c9cb4 Contrast Ratio
7.05:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |