#304c7f HEX color information
| Color | HEX | RGB |
|---|---|---|
| #304c7f | RGB(48, 76, 127) |
Created at 09/30/2026 08:50
Classification of #304c7f color
#304c7f is Semi dark and Cool Color Saturation 45%, lightness 34%.
Tint of darkslateblue
RGB values are RGB(48, 76, 127)
#304c7f color contains Red 18.82%, Green 29.8% and Blue 49.8%.
oklch(42.05% 0.0919 261.52)
#304c7f color contains Red 18.82%, Green 29.8% and Blue 49.8%.
oklch(42.05% 0.0919 261.52)
Color Names of #304c7f HEX code
≈ Chambray
Alternative colors of #304c7f
Opposite Color for #304c7f is #7f6330
#304c7f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #304c7f
cmyk
CMYK(62%, 40%, 0%, 50%)
Decimal
3165311
HEX
#304c7f
HSL
hsl(219, 45%, 34%)
HSLA
hsla(219, 45%, 34%, 1)
RGB
RGB(48, 76, 127)
RGBA
RGBA(48, 76, 127, 1)
Palettes for #304c7f color:
Below examples of color palettes for #304c7f HEX color
darkest color is #05080d from shades and lightest color is #eaedf2 from tints
Shades palette of #304c7f:
#2b4472
#263d66
#223559
#1d2e4c
#182640
#131e33
#0e1726
#0a0f19
#05080d
#000000
Tints palette of #304c7f:
#455e8c
#597099
#6e82a5
#8394b2
#98a6bf
#acb7cc
#c1c9d9
#d6dbe5
#eaedf2
#ffffff
Complementary palette of #304c7f:
#304c7f
#7f6330
Triadic palette of #304c7f:
#304c7f
#7f304c
#4c7f30
Square palette of #304c7f:
#304c7f
#7f3073
#7f6330
#307f3b
Analogous palette of #304c7f:
#30747f
#304c7f
#3c307f
Split-Complementary palette of #304c7f:
#304c7f
#7f3c30
#737f30
Rectangle (tetradic) palette of #304c7f:
#304c7f
#63307f
#7f6330
#4c7f30
Suggested color palettes for #304c7f HEX:
Color palette with color #304c7f #1:
Color palette with color #304c7f #2:
Color palette with color #304c7f #3:
Color palette with color #304c7f #4:
Color palette with color #304c7f #5:
Color Contrast
Color pairings #304c7f with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#304c7f
#304c7f Contrast Ratio
8.51:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#304c7f
#304c7f Contrast Ratio
2.46:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #304c7f color png
Visit the popular colors list for more colors