#3f5150 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3f5150 | RGB(63, 81, 80) |
Created at 03/02/2023 08:08
Classification of #3f5150 color
#3f5150 is Semi dark and Cool Color Saturation 12%, lightness 28%.
Tint of Dark Slate Gray
RGB values are RGB(63, 81, 80)
#3f5150 color contains Red 24.71%, Green 31.76% and Blue 31.37%.
oklch(41.94% 0.0225 192.13)
#3f5150 color contains Red 24.71%, Green 31.76% and Blue 31.37%.
oklch(41.94% 0.0225 192.13)
Color Names of #3f5150 HEX code
≈ Mako
Alternative colors of #3f5150
Opposite Color for #3f5150 is #513f40
#3f5150 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3f5150
cmyk
CMYK(22%, 0%, 1%, 68%)
Decimal
4149584
HEX
#3f5150
HSL
hsl(177, 12%, 28%)
HSLA
hsla(177, 12%, 28%, 1)
RGB
RGB(63, 81, 80)
RGBA
RGBA(63, 81, 80, 1)
Palettes for #3f5150 color:
Below are examples of color palettes with the #3f5150 HEX color
darkest color is #060808 from shades and lightest color is #eceeee from tints
Shades palette of #3f5150:
#394948
#324140
#2c3938
#263130
#202928
#192020
#131818
#0d1010
#060808
#000000
Tints palette of #3f5150:
#526262
#657473
#798585
#8c9796
#9fa8a8
#b2b9b9
#c5cbcb
#d9dcdc
#eceeee
#ffffff
Complementary palette of #3f5150:
#3f5150
#513f40
Triadic palette of #3f5150:
#3f5150
#503f51
#51503f
Square palette of #3f5150:
#3f5150
#473f51
#513f40
#49513f
Analogous palette of #3f5150:
#3f5147
#3f5150
#3f4951
Split-Complementary palette of #3f5150:
#3f5150
#513f49
#51473f
Rectangle (tetradic) palette of #3f5150:
#3f5150
#3f4051
#513f40
#51503f
Suggested color palettes for #3f5150 HEX:
Color palette with color #3f5150 #1:
Color palette with color #3f5150 #2:
Color palette with color #3f5150 #3:
Color palette with color #3f5150 #4:
Color palette with color #3f5150 #5:
Color #3f5150 used in palettes (1)
Color Contrast
Color pairings of #3f5150 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3f5150
#3f5150 Contrast Ratio
8.38:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3f5150
#3f5150 Contrast Ratio
2.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3f5150 color png
Visit the popular colors list for more colors