#3b586f HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3b586f | RGB(59, 88, 111) |
Created at 02/24/2023 20:55
Classification of #3b586f color
#3b586f is Semi dark and Cool Color Saturation 31%, lightness 33%.
Tint of Dark Slate Blue
RGB values are RGB(59, 88, 111)
#3b586f color contains Red 23.14%, Green 34.51% and Blue 43.53%.
oklch(44.73% 0.0513 243.16)
#3b586f color contains Red 23.14%, Green 34.51% and Blue 43.53%.
oklch(44.73% 0.0513 243.16)
Color Names of #3b586f HEX code
≈ Fiord
Alternative colors of #3b586f
Opposite Color for #3b586f is #6f523b
#3b586f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3b586f
cmyk
CMYK(47%, 21%, 0%, 56%)
Decimal
3889263
HEX
#3b586f
HSL
hsl(207, 31%, 33%)
HSLA
hsla(207, 31%, 33%, 1)
RGB
RGB(59, 88, 111)
RGBA
RGBA(59, 88, 111, 1)
Palettes for #3b586f color:
Below are examples of color palettes with the #3b586f HEX color
darkest color is #06090b from shades and lightest color is #ebeef1 from tints
Shades palette of #3b586f:
#354f64
#2f4659
#293e4e
#233543
#1e2c38
#18232c
#121a21
#0c1216
#06090b
#000000
Tints palette of #3b586f:
#4f697d
#62798c
#768a9a
#899ba9
#9dacb7
#b1bcc5
#c4cdd4
#d8dee2
#ebeef1
#ffffff
Complementary palette of #3b586f:
#3b586f
#6f523b
Triadic palette of #3b586f:
#3b586f
#6f3b58
#586f3b
Square palette of #3b586f:
#3b586f
#6c3b6f
#6f523b
#3e6f3b
Analogous palette of #3b586f:
#3b6f6c
#3b586f
#3b3e6f
Split-Complementary palette of #3b586f:
#3b586f
#6f3b3e
#6f6c3b
Rectangle (tetradic) palette of #3b586f:
#3b586f
#523b6f
#6f523b
#586f3b
Suggested color palettes for #3b586f HEX:
Color palette with color #3b586f #1:
Color palette with color #3b586f #2:
Color palette with color #3b586f #3:
Color palette with color #3b586f #4:
Color palette with color #3b586f #5:
Color #3b586f used in palettes (1)
Color Contrast
Color pairings of #3b586f with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3b586f
#3b586f Contrast Ratio
7.46:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3b586f
#3b586f Contrast Ratio
2.81:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3b586f color png
Visit the popular colors list for more colors