#304da2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #304da2 | RGB(48, 77, 162) |
Created at 10/07/2026 09:29
Classification of #304da2 color
#304da2 is Semi dark and Cool Color Saturation 54%, lightness 41%.
Tint of Dark Slate Blue
RGB values are RGB(48, 77, 162)
#304da2 color contains Red 18.82%, Green 30.2% and Blue 63.53%.
oklch(44.73% 0.1419 266.48)
#304da2 color contains Red 18.82%, Green 30.2% and Blue 63.53%.
oklch(44.73% 0.1419 266.48)
Color Names of #304da2 HEX code
≈ Sapphire
Alternative colors of #304da2
Opposite Color for #304da2 is #a28530
#304da2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #304da2
cmyk
CMYK(70%, 52%, 0%, 36%)
Decimal
3165602
HEX
#304da2
HSL
hsl(225, 54%, 41%)
HSLA
hsla(225, 54%, 41%, 1)
RGB
RGB(48, 77, 162)
RGBA
RGBA(48, 77, 162, 1)
Palettes for #304da2 color:
Below are examples of color palettes with the #304da2 HEX color
darkest color is #050810 from shades and lightest color is #eaedf6 from tints
Shades palette of #304da2:
#2b4592
#263e82
#223671
#1d2e61
#182751
#131f41
#0e1731
#0a0f20
#050810
#000000
Tints palette of #304da2:
#455fab
#5971b5
#6e82be
#8394c7
#98a6d1
#acb8da
#c1cae3
#d6dbec
#eaedf6
#ffffff
Complementary palette of #304da2:
#304da2
#a28530
Triadic palette of #304da2:
#304da2
#a2304d
#4da230
Square palette of #304da2:
#304da2
#a23086
#a28530
#30a24c
Analogous palette of #304da2:
#3086a2
#304da2
#4c30a2
Split-Complementary palette of #304da2:
#304da2
#a24c30
#86a230
Rectangle (tetradic) palette of #304da2:
#304da2
#8530a2
#a28530
#4da230
Suggested color palettes for #304da2 HEX:
Color palette with color #304da2 #1:
Color palette with color #304da2 #2:
Color palette with color #304da2 #3:
Color palette with color #304da2 #4:
Color palette with color #304da2 #5:
Color Contrast
Color pairings of #304da2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#304da2
#304da2 Contrast Ratio
7.75:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#304da2
#304da2 Contrast Ratio
2.7:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #304da2 color png
Visit the popular colors list for more colors