#3d6485 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3d6485 | RGB(61, 100, 133) |
Created at 03/30/2023 11:17
RGB values are RGB(61, 100, 133)
#3d6485 color contains Red 23.92%, Green 39.22% and Blue 52.16%.
oklch(48.87% 0.0693 245.4)
#3d6485 color contains Red 23.92%, Green 39.22% and Blue 52.16%.
oklch(48.87% 0.0693 245.4)
Color Names of #3d6485 HEX code
≈ Blue Bayoux
Classification of #3d6485 color
#3d6485 is Semi dark and Cool Color Saturation 37%, lightness 38%.
Shade of Royal Blue
Alternative colors of #3d6485
Opposite Color for #3d6485 is #855e3d
#3d6485 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3d6485
cmyk
CMYK(54%, 25%, 0%, 48%)
Decimal
4023429
HEX
#3d6485
HSL
hsl(208, 37%, 38%)
HSLA
hsla(208, 37%, 38%, 1)
RGB
RGB(61, 100, 133)
RGBA
RGBA(61, 100, 133, 1)
Palettes for #3d6485 color:
Below are examples of color palettes with the #3d6485 HEX color
darkest color is #060a0d from shades and lightest color is #ecf0f3 from tints
Shades palette of #3d6485:
#375a78
#31506a
#2b465d
#253c50
#1f3243
#182835
#121e28
#0c141b
#060a0d
#000000
Tints palette of #3d6485:
#507491
#64839d
#7793aa
#8ba2b6
#9eb2c2
#b1c1ce
#c5d1da
#d8e0e7
#ecf0f3
#ffffff
Complementary palette of #3d6485:
#3d6485
#855e3d
Triadic palette of #3d6485:
#3d6485
#853d64
#64853d
Square palette of #3d6485:
#3d6485
#823d85
#855e3d
#40853d
Analogous palette of #3d6485:
#3d8582
#3d6485
#3d4085
Split-Complementary palette of #3d6485:
#3d6485
#853d40
#85823d
Rectangle (tetradic) palette of #3d6485:
#3d6485
#5e3d85
#855e3d
#64853d
Suggested color palettes for #3d6485 HEX:
Color palette with color #3d6485 #1:
Color palette with color #3d6485 #2:
Color palette with color #3d6485 #3:
Color palette with color #3d6485 #4:
Color palette with color #3d6485 #5:
Color #3d6485 used in palettes (1)
Color Contrast
Color pairings of #3d6485 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3d6485
#3d6485Contrast Ratio
6.25:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3d6485
#3d6485Contrast Ratio
3.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3d6485 color png
Visit the popular colors list for more colors