#334d99 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #334d99 | RGB(51, 77, 153) |
Created at 10/01/2026 23:22
Classification of #334d99 color
#334d99 is Semi dark and Cool Color Saturation 50%, lightness 40%.
Tint of Dark Slate Blue
RGB values are RGB(51, 77, 153)
#334d99 color contains Red 20%, Green 30.2% and Blue 60%.
oklch(44.21% 0.128 266.9)
#334d99 color contains Red 20%, Green 30.2% and Blue 60%.
oklch(44.21% 0.128 266.9)
Color Names of #334d99 HEX code
≈ Sapphire
Alternative colors of #334d99
Opposite Color for #334d99 is #997f33
#334d99 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #334d99
cmyk
CMYK(67%, 50%, 0%, 40%)
Decimal
3362201
HEX
#334d99
HSL
hsl(225, 50%, 40%)
HSLA
hsla(225, 50%, 40%, 1)
RGB
RGB(51, 77, 153)
RGBA
RGBA(51, 77, 153, 1)
Palettes for #334d99 color:
Below are examples of color palettes with the #334d99 HEX color
darkest color is #05080f from shades and lightest color is #ebedf5 from tints
Shades palette of #334d99:
#2e458a
#293e7a
#24366b
#1f2e5c
#1a274d
#141f3d
#0f172e
#0a0f1f
#05080f
#000000
Tints palette of #334d99:
#475fa3
#5c71ad
#7082b8
#8594c2
#99a6cc
#adb8d6
#c2cae0
#d6dbeb
#ebedf5
#ffffff
Complementary palette of #334d99:
#334d99
#997f33
Triadic palette of #334d99:
#334d99
#99334d
#4d9933
Square palette of #334d99:
#334d99
#993380
#997f33
#33994c
Analogous palette of #334d99:
#338099
#334d99
#4c3399
Split-Complementary palette of #334d99:
#334d99
#994c33
#809933
Rectangle (tetradic) palette of #334d99:
#334d99
#7f3399
#997f33
#4d9933
Suggested color palettes for #334d99 HEX:
Color palette with color #334d99 #1:
Color palette with color #334d99 #2:
Color palette with color #334d99 #3:
Color palette with color #334d99 #4:
Color palette with color #334d99 #5:
Color Contrast
Color pairings of #334d99 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#334d99
#334d99 Contrast Ratio
7.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#334d99
#334d99 Contrast Ratio
2.66:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #334d99 color png
Visit the popular colors list for more colors