#304a68 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #304a68 | RGB(48, 74, 104) |
Created at 10/09/2026 18:01
Classification of #304a68 color
#304a68 is Semi dark and Cool Color Saturation 37%, lightness 30%.
Shade of Dark Slate Blue
RGB values are RGB(48, 74, 104)
#304a68 color contains Red 18.82%, Green 29.02% and Blue 40.78%.
oklch(40.21% 0.0601 252.77)
#304a68 color contains Red 18.82%, Green 29.02% and Blue 40.78%.
oklch(40.21% 0.0601 252.77)
Color Names of #304a68 HEX code
≈ San Juan
Alternative colors of #304a68
Opposite Color for #304a68 is #684e30
#304a68 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #304a68
cmyk
CMYK(54%, 29%, 0%, 59%)
Decimal
3164776
HEX
#304a68
HSL
hsl(212, 37%, 30%)
HSLA
hsla(212, 37%, 30%, 1)
RGB
RGB(48, 74, 104)
RGBA
RGBA(48, 74, 104, 1)
Palettes for #304a68 color:
Below are examples of color palettes with the #304a68 HEX color
darkest color is #05070a from shades and lightest color is #eaedf0 from tints
Shades palette of #304a68:
#2b435e
#263b53
#223449
#1d2c3e
#182534
#131e2a
#0e161f
#0a0f15
#05070a
#000000
Tints palette of #304a68:
#455c77
#596e86
#6e8095
#8392a4
#98a5b4
#acb7c3
#c1c9d2
#d6dbe1
#eaedf0
#ffffff
Complementary palette of #304a68:
#304a68
#684e30
Triadic palette of #304a68:
#304a68
#68304a
#4a6830
Square palette of #304a68:
#304a68
#683066
#684e30
#306832
Analogous palette of #304a68:
#306668
#304a68
#323068
Split-Complementary palette of #304a68:
#304a68
#683230
#666830
Rectangle (tetradic) palette of #304a68:
#304a68
#4e3068
#684e30
#4a6830
Suggested color palettes for #304a68 HEX:
Color palette with color #304a68 #1:
Color palette with color #304a68 #2:
Color palette with color #304a68 #3:
Color palette with color #304a68 #4:
Color palette with color #304a68 #5:
Color Contrast
Color pairings of #304a68 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#304a68
#304a68 Contrast Ratio
9.11:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#304a68
#304a68 Contrast Ratio
2.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #304a68 color png
Visit the popular colors list for more colors