#557bf2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #557bf2 | RGB(85, 123, 242) |
Created at 10/04/2026 22:46
Classification of #557bf2 color
#557bf2 is Light and Cool Color Saturation 86%, lightness 64%.
Tint of Royal Blue
RGB values are RGB(85, 123, 242)
#557bf2 color contains Red 33.33%, Green 48.24% and Blue 94.9%.
oklch(61.69% 0.1833 267.49)
#557bf2 color contains Red 33.33%, Green 48.24% and Blue 94.9%.
oklch(61.69% 0.1833 267.49)
Color Names of #557bf2 HEX code
≈ Cornflower Blue
Alternative colors of #557bf2
Opposite Color for #557bf2 is #f2cc55
#557bf2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #557bf2
cmyk
CMYK(65%, 49%, 0%, 5%)
Decimal
5602290
HEX
#557bf2
HSL
hsl(225, 86%, 64%)
HSLA
hsla(225, 86%, 64%, 1)
RGB
RGB(85, 123, 242)
RGBA
RGBA(85, 123, 242, 1)
Palettes for #557bf2 color:
Below examples of color palettes for #557bf2 HEX color
darkest color is #080c18 from shades and lightest color is #eef2fe from tints
Shades palette of #557bf2:
#4d6fda
#4462c2
#3b56a9
#334a91
#2b3e79
#223161
#1a2549
#111930
#080c18
#000000
Tints palette of #557bf2:
#6688f3
#7795f5
#88a3f6
#99b0f7
#aabdf9
#bbcafa
#ccd7fb
#dde5fc
#eef2fe
#ffffff
Complementary palette of #557bf2:
#557bf2
#f2cc55
Triadic palette of #557bf2:
#557bf2
#f2557b
#7bf255
Square palette of #557bf2:
#557bf2
#f255ca
#f2cc55
#55f27e
Analogous palette of #557bf2:
#55c9f2
#557bf2
#7d55f2
Split-Complementary palette of #557bf2:
#557bf2
#f27d55
#c9f255
Rectangle (tetradic) palette of #557bf2:
#557bf2
#cc55f2
#f2cc55
#7bf255
Suggested color palettes for #557bf2 HEX:
Color palette with color #557bf2 #1:
Color palette with color #557bf2 #2:
Color palette with color #557bf2 #3:
Color palette with color #557bf2 #4:
Color palette with color #557bf2 #5:
Color Contrast
Color pairings #557bf2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#557bf2
#557bf2 Contrast Ratio
3.81:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#557bf2
#557bf2 Contrast Ratio
5.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #557bf2 color png
Visit the popular colors list for more colors