#6870bd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #6870bd | RGB(104, 112, 189) |
Created at 02/27/2023 06:14
RGB values are RGB(104, 112, 189)
#6870bd color contains Red 40.78%, Green 43.92% and Blue 74.12%.
oklch(57.33% 0.1182 277.49)
#6870bd color contains Red 40.78%, Green 43.92% and Blue 74.12%.
oklch(57.33% 0.1182 277.49)
Color Names of #6870bd HEX code
≈ Blue Marguerite
Classification of #6870bd color
#6870bd is Light and Cool Color Saturation 39%, lightness 57%.
Tint of Royal Blue
Alternative colors of #6870bd
Opposite Color for #6870bd is #bdb568
#6870bd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #6870bd
cmyk
CMYK(45%, 41%, 0%, 26%)
Decimal
6844605
HEX
#6870bd
HSL
hsl(234, 39%, 57%)
HSLA
hsla(234, 39%, 57%, 1)
RGB
RGB(104, 112, 189)
RGBA
RGBA(104, 112, 189, 1)
Palettes for #6870bd color:
Below are examples of color palettes with the #6870bd HEX color
darkest color is #0a0b13 from shades and lightest color is #f0f1f8 from tints
Shades palette of #6870bd:
#5e65aa
#535a97
#494e84
#3e4371
#34385f
#2a2d4c
#1f2239
#151626
#0a0b13
#000000
Tints palette of #6870bd:
#777ec4
#868dca
#959bd1
#a4a9d7
#b4b8de
#c3c6e5
#d2d4eb
#e1e2f2
#f0f1f8
#ffffff
Complementary palette of #6870bd:
#6870bd
#bdb568
Triadic palette of #6870bd:
#6870bd
#bd6870
#70bd68
Square palette of #6870bd:
#6870bd
#bd689a
#bdb568
#68bd8b
Analogous palette of #6870bd:
#689abd
#6870bd
#8b68bd
Split-Complementary palette of #6870bd:
#6870bd
#bd8b68
#9abd68
Rectangle (tetradic) palette of #6870bd:
#6870bd
#b568bd
#bdb568
#70bd68
Suggested color palettes for #6870bd HEX:
Color palette with color #6870bd #1:
Color palette with color #6870bd #2:
Color palette with color #6870bd #3:
Color palette with color #6870bd #4:
Color palette with color #6870bd #5:
Color #6870bd used in palettes (1)
Color Contrast
Color pairings of #6870bd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#6870bd
#6870bdContrast Ratio
4.52:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#6870bd
#6870bdContrast Ratio
4.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #6870bd color png
Visit the popular colors list for more colors