#6570bd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #6570bd | RGB(101, 112, 189) |
Created at 02/18/2023 10:47
RGB values are RGB(101, 112, 189)
#6570bd color contains Red 39.61%, Green 43.92% and Blue 74.12%.
oklch(57.11% 0.1189 275.82)
#6570bd color contains Red 39.61%, Green 43.92% and Blue 74.12%.
oklch(57.11% 0.1189 275.82)
Color Names of #6570bd HEX code
≈ Blue Marguerite
Classification of #6570bd color
#6570bd is Light and Cool Color Saturation 40%, lightness 57%.
Tint of Royal Blue
Alternative colors of #6570bd
Opposite Color for #6570bd is #bdb265
#6570bd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #6570bd
cmyk
CMYK(47%, 41%, 0%, 26%)
Decimal
6647997
HEX
#6570bd
HSL
hsl(233, 40%, 57%)
HSLA
hsla(233, 40%, 57%, 1)
RGB
RGB(101, 112, 189)
RGBA
RGBA(101, 112, 189, 1)
Palettes for #6570bd color:
Below are examples of color palettes with the #6570bd HEX color
darkest color is #0a0b13 from shades and lightest color is #f0f1f8 from tints
Shades palette of #6570bd:
#5b65aa
#515a97
#474e84
#3d4371
#33385f
#282d4c
#1e2239
#141626
#0a0b13
#000000
Tints palette of #6570bd:
#747ec4
#848dca
#939bd1
#a3a9d7
#b2b8de
#c1c6e5
#d1d4eb
#e0e2f2
#f0f1f8
#ffffff
Complementary palette of #6570bd:
#6570bd
#bdb265
Triadic palette of #6570bd:
#6570bd
#bd6570
#70bd65
Square palette of #6570bd:
#6570bd
#bd659c
#bdb265
#65bd86
Analogous palette of #6570bd:
#659cbd
#6570bd
#8665bd
Split-Complementary palette of #6570bd:
#6570bd
#bd8665
#9cbd65
Rectangle (tetradic) palette of #6570bd:
#6570bd
#b265bd
#bdb265
#70bd65
Suggested color palettes for #6570bd HEX:
Color palette with color #6570bd #1:
Color palette with color #6570bd #2:
Color palette with color #6570bd #3:
Color palette with color #6570bd #4:
Color palette with color #6570bd #5:
Color #6570bd used in palettes (1)
Color Contrast
Color pairings of #6570bd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#6570bd
#6570bdContrast Ratio
4.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#6570bd
#6570bdContrast Ratio
4.6:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #6570bd color png
Visit the popular colors list for more colors