Created at 02/24/2023 09:45
#389bc6 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #389bc6 | RGB(56, 155, 198) |
RGB values are RGB(56, 155, 198)
#389bc6 color contain Red 21.96%, Green 60.78% and Blue 77.65%.
oklch(65.07% 0.1101 230.8)
#389bc6 color contain Red 21.96%, Green 60.78% and Blue 77.65%.
oklch(65.07% 0.1101 230.8)
Color Names of #389bc6 HEX code
Moonstone Color
Classification of #389bc6 color
#389bc6 is Light and Cool Color Saturation 56%, lightness 50%.
Shade of steelblue
Alternative colors of #389bc6
Opposite Color for #389bc6 is #c76338
#389bc6 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #389bc6
Decimal
3709894
HEX
#389bc6
HSL
hsl(198, 56%, 50%)
HSLA
hsla(198, 56%, 50%, 1)
RGB
RGB(56, 155, 198)
RGBA
RGBA(56, 155, 198, 1)
Palettes for #389bc6 color:
Below examples of color palettes for #389bc6 HEX color
darkest color is #060f14 from shades and lightest color is #ebf5f9 from tints
Shades palette of #389bc6:
#328cb2
#2d7c9e
#276d8b
#225d77
#1c4e63
#163e4f
#112f3b
#0b1f28
#060f14
#000000
Tints palette of #389bc6:
#4ca5cc
#60afd1
#74b9d7
#88c3dd
#9ccde3
#afd7e8
#c3e1ee
#d7ebf4
#ebf5f9
#ffffff
Complementary palette of #389bc6:
#389cc7
#c76338
Triadic palette of #389bc6:
#389cc7
#c7389c
#9cc738
Square palette of #389bc6:
#389cc7
#aa38c7
#55c738
#c76338
Analogous palette of #389bc6:
#38c7aa
#389cc7
Split-Complementary palette of #389bc6:
#389cc7
#38c7aa
Rectangle (tetradic) palette of #389bc6:
#389cc7
#aa38c7
#55c738
#c73855
Loading...
Color #389bc6 used in palettes (7)
Branding flyer social media design graphic palette Illustration saudi arabia george samuel ui Interaction free ui kit animation logo hex colors George samuel ecommerce landing page dark ui colors Motion graphics ecommerce george samuel free ui kit colors Social media design for printing branding flyer palette Motion graphics free ui kit dark branding colors
Color Contrast
Color pairings #389bc6 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#389bc6
#389bc6 Contrast Ratio
3.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#389bc6
#389bc6 Contrast Ratio
6.67:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #389bc6 color png
Visit the popular colors list for more colors