#304cf4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #304cf4 | RGB(48, 76, 244) |
Created at 10/07/2026 03:20
Classification of #304cf4 color
#304cf4 is Semi dark and Cool Color Saturation 90%, lightness 57%.
Shade of Slate Blue
RGB values are RGB(48, 76, 244)
#304cf4 color contains Red 18.82%, Green 29.8% and Blue 95.69%.
oklch(51.75% 0.2493 267.94)
#304cf4 color contains Red 18.82%, Green 29.8% and Blue 95.69%.
oklch(51.75% 0.2493 267.94)
Color Names of #304cf4 HEX code
≈ Royal Blue
Alternative colors of #304cf4
Opposite Color for #304cf4 is #f4d830
#304cf4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #304cf4
cmyk
CMYK(80%, 69%, 0%, 4%)
Decimal
3165428
HEX
#304cf4
HSL
hsl(231, 90%, 57%)
HSLA
hsla(231, 90%, 57%, 1)
RGB
RGB(48, 76, 244)
RGBA
RGBA(48, 76, 244, 1)
Palettes for #304cf4 color:
Below are examples of color palettes with the #304cf4 HEX color
darkest color is #050818 from shades and lightest color is #eaedfe from tints
Shades palette of #304cf4:
#2b44dc
#263dc3
#2235ab
#1d2e92
#18267a
#131e62
#0e1749
#0a0f31
#050818
#000000
Tints palette of #304cf4:
#455ef5
#5970f6
#6e82f7
#8394f8
#98a6fa
#acb7fb
#c1c9fc
#d6dbfd
#eaedfe
#ffffff
Complementary palette of #304cf4:
#304cf4
#f4d830
Triadic palette of #304cf4:
#304cf4
#f4304c
#4cf430
Square palette of #304cf4:
#304cf4
#f430ae
#f4d830
#30f476
Analogous palette of #304cf4:
#30aef4
#304cf4
#7630f4
Split-Complementary palette of #304cf4:
#304cf4
#f47630
#aef430
Rectangle (tetradic) palette of #304cf4:
#304cf4
#d830f4
#f4d830
#4cf430
Suggested color palettes for #304cf4 HEX:
Color palette with color #304cf4 #1:
Color palette with color #304cf4 #2:
Color palette with color #304cf4 #3:
Color palette with color #304cf4 #4:
Color palette with color #304cf4 #5:
Color Contrast
Color pairings of #304cf4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#304cf4
#304cf4 Contrast Ratio
6.05:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#304cf4
#304cf4 Contrast Ratio
3.46:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #304cf4 color png
Visit the popular colors list for more colors