Created at 02/27/2023 11:27
#304e5e HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #304e5e | RGB(48, 78, 94) |
RGB values are RGB(48, 78, 94)
#304e5e color contain Red 18.82%, Green 30.59% and Blue 36.86%.
oklch(40.73% 0.0447 232.69)
#304e5e color contain Red 18.82%, Green 30.59% and Blue 36.86%.
oklch(40.73% 0.0447 232.69)
Classification of #304e5e color
#304e5e is Light and Cool Color Saturation 32%, lightness 28%.
Shade of darkslategrey
Alternative colors of #304e5e
Opposite Color for #304e5e is #5e4131
#304e5e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #304e5e
Decimal
3165790
HEX
#304e5e
HSL
hsl(201, 32%, 28%)
HSLA
hsla(201, 32%, 28%, 1)
RGB
RGB(48, 78, 94)
RGBA
RGBA(48, 78, 94, 1)
Palettes for #304e5e color:
Below examples of color palettes for #304e5e HEX color
darkest color is #050809 from shades and lightest color is #eaedef from tints
Shades palette of #304e5e:
#2b4655
#263e4b
#223742
#1d2f38
#18272f
#131f26
#0e171c
#0a1013
#050809
#000000
Tints palette of #304e5e:
#45606e
#59717e
#6e838e
#83959e
#98a7af
#acb8bf
#c1cacf
#d6dcdf
#eaedef
#ffffff
Complementary palette of #304e5e:
#314e5e
#5e4131
Triadic palette of #304e5e:
#314e5e
#5e314e
#4e5e31
Square palette of #304e5e:
#314e5e
#57315e
#375e31
#5e4131
Analogous palette of #304e5e:
#315e57
#314e5e
Split-Complementary palette of #304e5e:
#314e5e
#315e57
Rectangle (tetradic) palette of #304e5e:
#314e5e
#57315e
#375e31
#5e3137
Suggested colors palettes for #304e5e HEX:
Colors palette with color #304e5e #1:
Colors palette with color #304e5e #2:
Colors palette with color #304e5e #3:
Colors palette with color #304e5e #4:
Colors palette with color #304e5e #5:
Color #304e5e used in palettes (1)
Color Contrast
Color pairings #304e5e with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#304e5e
#304e5e Contrast Ratio
8.83:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#304e5e
#304e5e Contrast Ratio
2.37:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #304e5e color png
Visit the popular colors list for more colors