#304e52 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #304e52 | RGB(48, 78, 82) |
Created at 02/25/2023 22:39
RGB values are RGB(48, 78, 82)
#304e52 color contains Red 18.82%, Green 30.59% and Blue 32.16%.
oklch(40.21% 0.0363 206.48)
#304e52 color contains Red 18.82%, Green 30.59% and Blue 32.16%.
oklch(40.21% 0.0363 206.48)
Color Names of #304e52 HEX code
≈ Limed Spruce
Classification of #304e52 color
#304e52 is Semi dark and Cool Color Saturation 26%, lightness 25%.
Tint of Dark Slate Gray
Alternative colors of #304e52
Opposite Color for #304e52 is #523430
#304e52 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #304e52
cmyk
CMYK(41%, 5%, 0%, 68%)
Decimal
3165778
HEX
#304e52
HSL
hsl(187, 26%, 25%)
HSLA
hsla(187, 26%, 25%, 1)
RGB
RGB(48, 78, 82)
RGBA
RGBA(48, 78, 82, 1)
Palettes for #304e52 color:
Below are examples of color palettes with the #304e52 HEX color
darkest color is #050808 from shades and lightest color is #eaedee from tints
Shades palette of #304e52:
#2b464a
#263e42
#223739
#1d2f31
#182729
#131f21
#0e1719
#0a1010
#050808
#000000
Tints palette of #304e52:
#456063
#597175
#6e8386
#839597
#98a7a9
#acb8ba
#c1cacb
#d6dcdc
#eaedee
#ffffff
Complementary palette of #304e52:
#304e52
#523430
Triadic palette of #304e52:
#304e52
#52304e
#4e5230
Square palette of #304e52:
#304e52
#453052
#523430
#3d5230
Analogous palette of #304e52:
#305245
#304e52
#303d52
Split-Complementary palette of #304e52:
#304e52
#52303d
#524530
Rectangle (tetradic) palette of #304e52:
#304e52
#343052
#523430
#4e5230
Suggested color palettes for #304e52 HEX:
Color palette with color #304e52 #1:
Color palette with color #304e52 #2:
Color palette with color #304e52 #3:
Color palette with color #304e52 #4:
Color palette with color #304e52 #5:
Color #304e52 used in palettes (1)
Color Contrast
Color pairings of #304e52 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#304e52
#304e52Contrast Ratio
8.98:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#304e52
#304e52Contrast Ratio
2.33:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #304e52 color png
Visit the popular colors list for more colors