#389bc6 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #389bc6 | RGB(56, 155, 198) |
Created at 02/24/2023 09:45
RGB values are RGB(56, 155, 198)
#389bc6 color contains Red 21.96%, Green 60.78% and Blue 77.65%.
oklch(65.07% 0.1101 230.8)
#389bc6 color contains 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
≈ Pelorous
Classification of #389bc6 color
#389bc6 is Light and Cool Color Saturation 56%, lightness 50%.
Tint of Steel Blue
Alternative colors of #389bc6
Opposite Color for #389bc6 is #c66338
#389bc6 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #389bc6
cmyk
CMYK(72%, 22%, 0%, 22%)
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 are examples of color palettes with the #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:
#389bc6
#c66338
Triadic palette of #389bc6:
#389bc6
#c6389b
#9bc638
Square palette of #389bc6:
#389bc6
#aa38c6
#c66338
#54c638
Analogous palette of #389bc6:
#38c6aa
#389bc6
#3854c6
Split-Complementary palette of #389bc6:
#389bc6
#c63854
#c6aa38
Rectangle (tetradic) palette of #389bc6:
#389bc6
#6338c6
#c66338
#9bc638
Suggested color palettes for #389bc6 HEX:
Color palette with color #389bc6 #1:
Color palette with color #389bc6 #2:
Color palette with color #389bc6 #3:
Color palette with color #389bc6 #4:
Color palette with color #389bc6 #5:
Color #389bc6 used in palettes (7)
Branding flyer social media design graphic paletteIllustration saudi arabia george samuel uiInteraction free ui kit animation logo hex colorsGeorge samuel ecommerce landing page dark ui colorsMotion graphics ecommerce george samuel free ui kit colorsSocial media design for printing branding flyer paletteMotion graphics free ui kit dark branding colors
Color Contrast
Color pairings of #389bc6 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#389bc6
#389bc6Contrast Ratio
3.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#389bc6
#389bc6Contrast 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