#40686c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #40686c | RGB(64, 104, 108) |
Created at 03/12/2023 19:56
RGB values are RGB(64, 104, 108)
#40686c color contains Red 25.1%, Green 40.78% and Blue 42.35%.
oklch(48.93% 0.0454 203.86)
#40686c color contains Red 25.1%, Green 40.78% and Blue 42.35%.
oklch(48.93% 0.0454 203.86)
Color Names of #40686c HEX code
≈ William
Classification of #40686c color
#40686c is Semi dark and Cool Color Saturation 26%, lightness 34%.
Tint of Dark Slate Gray
Alternative colors of #40686c
Opposite Color for #40686c is #6c4440
#40686c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #40686c
cmyk
CMYK(41%, 4%, 0%, 58%)
Decimal
4221036
HEX
#40686c
HSL
hsl(185, 26%, 34%)
HSLA
hsla(185, 26%, 34%, 1)
RGB
RGB(64, 104, 108)
RGBA
RGBA(64, 104, 108, 1)
Palettes for #40686c color:
Below are examples of color palettes with the #40686c HEX color
darkest color is #060a0b from shades and lightest color is #ecf0f0 from tints
Shades palette of #40686c:
#3a5e61
#335356
#2d494c
#263e41
#203436
#1a2a2b
#131f20
#0d1516
#060a0b
#000000
Tints palette of #40686c:
#53777b
#668689
#799598
#8ca4a7
#a0b4b6
#b3c3c4
#c6d2d3
#d9e1e2
#ecf0f0
#ffffff
Complementary palette of #40686c:
#40686c
#6c4440
Triadic palette of #40686c:
#40686c
#6c4068
#686c40
Square palette of #40686c:
#40686c
#5a406c
#6c4440
#526c40
Analogous palette of #40686c:
#406c5a
#40686c
#40526c
Split-Complementary palette of #40686c:
#40686c
#6c4052
#6c5a40
Rectangle (tetradic) palette of #40686c:
#40686c
#44406c
#6c4440
#686c40
Suggested color palettes for #40686c HEX:
Color palette with color #40686c #1:
Color palette with color #40686c #2:
Color palette with color #40686c #3:
Color palette with color #40686c #4:
Color palette with color #40686c #5:
Color #40686c used in palettes (1)
Color Contrast
Color pairings of #40686c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#40686c
#40686cContrast Ratio
6.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#40686c
#40686cContrast Ratio
3.41:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #40686c color png
Visit the popular colors list for more colors