#3a3f4e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3a3f4e | RGB(58, 63, 78) |
Created at 02/22/2023 11:52
Classification of #3a3f4e color
#3a3f4e is Semi dark and Cool Color Saturation 15%, lightness 27%.
Shade of darkslateblue
RGB values are RGB(58, 63, 78)
#3a3f4e color contains Red 22.75%, Green 24.71% and Blue 30.59%.
oklch(36.91% 0.0267 270.6)
#3a3f4e color contains Red 22.75%, Green 24.71% and Blue 30.59%.
oklch(36.91% 0.0267 270.6)
Color Names of #3a3f4e HEX code
≈ Bright Gray
Alternative colors of #3a3f4e
Opposite Color for #3a3f4e is #4e493a
#3a3f4e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3a3f4e
Decimal
3817294
HEX
#3a3f4e
HSL
hsl(225, 15%, 27%)
HSLA
hsla(225, 15%, 27%, 1)
RGB
RGB(58, 63, 78)
RGBA
RGBA(58, 63, 78, 1)
Palettes for #3a3f4e color:
Below examples of color palettes for #3a3f4e HEX color
darkest color is #060608 from shades and lightest color is #ebeced from tints
Shades palette of #3a3f4e:
#343946
#2e323e
#292c37
#23262f
#1d2027
#17191f
#111317
#0c0d10
#060608
#000000
Tints palette of #3a3f4e:
#4e5260
#616571
#757983
#898c95
#9d9fa7
#b0b2b8
#c4c5ca
#d8d9dc
#ebeced
#ffffff
Complementary palette of #3a3f4e:
#3a3f4e
#4e493a
Triadic palette of #3a3f4e:
#3a3f4e
#4e3a3f
#3f4e3a
Square palette of #3a3f4e:
#3a3f4e
#4e3a49
#4e493a
#3a4e3f
Analogous palette of #3a3f4e:
#3a494e
#3a3f4e
#3f3a4e
Split-Complementary palette of #3a3f4e:
#3a3f4e
#4e3f3a
#494e3a
Rectangle (tetradic) palette of #3a3f4e:
#3a3f4e
#493a4e
#4e493a
#3f4e3a
Suggested color palettes for #3a3f4e HEX:
Color palette with color #3a3f4e #1:
Color palette with color #3a3f4e #2:
Color palette with color #3a3f4e #3:
Color palette with color #3a3f4e #4:
Color palette with color #3a3f4e #5:
Color #3a3f4e used in palettes (3)
Color Contrast
Color pairings #3a3f4e with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3a3f4e
#3a3f4e Contrast Ratio
10.49:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3a3f4e
#3a3f4e Contrast Ratio
2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3a3f4e color png
Visit the popular colors list for more colors