#4b82f6 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #4b82f6 | RGB(75, 130, 246) |
Created at 10/10/2026 08:44
Classification of #4b82f6 color
#4b82f6 is Light and Cool Color Saturation 90%, lightness 63%.
Shade of Cornflower Blue
RGB values are RGB(75, 130, 246)
#4b82f6 color contains Red 29.41%, Green 50.98% and Blue 96.47%.
oklch(62.90% 0.1834 263.09)
#4b82f6 color contains Red 29.41%, Green 50.98% and Blue 96.47%.
oklch(62.90% 0.1834 263.09)
Color Names of #4b82f6 HEX code
≈ Cornflower Blue
Alternative colors of #4b82f6
Opposite Color for #4b82f6 is #f6bf4b
#4b82f6 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #4b82f6
cmyk
CMYK(70%, 47%, 0%, 4%)
Decimal
4948726
HEX
#4b82f6
HSL
hsl(221, 90%, 63%)
HSLA
hsla(221, 90%, 63%, 1)
RGB
RGB(75, 130, 246)
RGBA
RGBA(75, 130, 246, 1)
Palettes for #4b82f6 color:
Below are examples of color palettes with the #4b82f6 HEX color
darkest color is #070d19 from shades and lightest color is #edf3fe from tints
Shades palette of #4b82f6:
#4475dd
#3c68c5
#355bac
#2d4e94
#26417b
#1e3462
#17274a
#0f1a31
#070d19
#000000
Tints palette of #4b82f6:
#5d8ff7
#6f9bf8
#81a8f9
#93b4fa
#a5c1fb
#b7cdfb
#c9dafc
#dbe6fd
#edf3fe
#ffffff
Complementary palette of #4b82f6:
#4b82f6
#f6bf4b
Triadic palette of #4b82f6:
#4b82f6
#f64b82
#82f64b
Square palette of #4b82f6:
#4b82f6
#f64bd7
#f6bf4b
#4bf669
Analogous palette of #4b82f6:
#4bd8f6
#4b82f6
#6a4bf6
Split-Complementary palette of #4b82f6:
#4b82f6
#f66a4b
#d7f64b
Rectangle (tetradic) palette of #4b82f6:
#4b82f6
#bf4bf6
#f6bf4b
#82f64b
Suggested color palettes for #4b82f6 HEX:
Color palette with color #4b82f6 #1:
Color palette with color #4b82f6 #2:
Color palette with color #4b82f6 #3:
Color palette with color #4b82f6 #4:
Color palette with color #4b82f6 #5:
Color Contrast
Color pairings of #4b82f6 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#4b82f6
#4b82f6 Contrast Ratio
3.6:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#4b82f6
#4b82f6 Contrast Ratio
5.82:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #4b82f6 color png
Visit the popular colors list for more colors