#548ef2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #548ef2 | RGB(84, 142, 242) |
Created at 12/08/2023 10:13
RGB values are RGB(84, 142, 242)
#548ef2 color contains Red 32.94%, Green 55.69% and Blue 94.9%.
oklch(65.52% 0.1615 260.55)
#548ef2 color contains Red 32.94%, Green 55.69% and Blue 94.9%.
oklch(65.52% 0.1615 260.55)
Color Names of #548ef2 HEX code
≈ Cornflower Blue
Classification of #548ef2 color
#548ef2 is Light and Cool Color Saturation 86%, lightness 64%.
Shade of Cornflower Blue
Alternative colors of #548ef2
Opposite Color for #548ef2 is #f2b854
#548ef2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #548ef2
cmyk
CMYK(65%, 41%, 0%, 5%)
Decimal
5541618
HEX
#548ef2
HSL
hsl(218, 86%, 64%)
HSLA
hsla(218, 86%, 64%, 1)
RGB
RGB(84, 142, 242)
RGBA
RGBA(84, 142, 242, 1)
Palettes for #548ef2 color:
Below are examples of color palettes with the #548ef2 HEX color
darkest color is #080e18 from shades and lightest color is #eef4fe from tints
Shades palette of #548ef2:
#4c80da
#4372c2
#3b63a9
#325591
#2a4779
#223961
#192b49
#111c30
#080e18
#000000
Tints palette of #548ef2:
#6599f3
#76a5f5
#87b0f6
#98bbf7
#aac7f9
#bbd2fa
#ccddfb
#dde8fc
#eef4fe
#ffffff
Complementary palette of #548ef2:
#548ef2
#f2b854
Triadic palette of #548ef2:
#548ef2
#f2548e
#8ef254
Square palette of #548ef2:
#548ef2
#f254dd
#f2b854
#54f269
Analogous palette of #548ef2:
#54ddf2
#548ef2
#6954f2
Split-Complementary palette of #548ef2:
#548ef2
#f26954
#ddf254
Rectangle (tetradic) palette of #548ef2:
#548ef2
#b854f2
#f2b854
#8ef254
Suggested color palettes for #548ef2 HEX:
Color palette with color #548ef2 #1:
Color palette with color #548ef2 #2:
Color palette with color #548ef2 #3:
Color palette with color #548ef2 #4:
Color palette with color #548ef2 #5:
Color Contrast
Color pairings of #548ef2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#548ef2
#548ef2Contrast Ratio
3.21:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#548ef2
#548ef2Contrast Ratio
6.52:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #548ef2 color png
Visit the popular colors list for more colors