#557cf5 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #557cf5 | RGB(85, 124, 245) |
Created at 02/24/2023 21:35
Classification of #557cf5 color
#557cf5 is Light and Cool Color Saturation 89%, lightness 65%.
Tint of royalblue
RGB values are RGB(85, 124, 245)
#557cf5 color contains Red 33.33%, Green 48.63% and Blue 96.08%.
oklch(62.10% 0.1861 267.35)
#557cf5 color contains Red 33.33%, Green 48.63% and Blue 96.08%.
oklch(62.10% 0.1861 267.35)
Color Names of #557cf5 HEX code
≈ Cornflower Blue
Alternative colors of #557cf5
Opposite Color for #557cf5 is #f5ce55
#557cf5 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #557cf5
cmyk
CMYK(65%, 49%, 0%, 4%)
Decimal
5602549
HEX
#557cf5
HSL
hsl(225, 89%, 65%)
HSLA
hsla(225, 89%, 65%, 1)
RGB
RGB(85, 124, 245)
RGBA
RGBA(85, 124, 245, 1)
Palettes for #557cf5 color:
Below examples of color palettes for #557cf5 HEX color
darkest color is #080c18 from shades and lightest color is #eef2fe from tints
Shades palette of #557cf5:
#4d70dd
#4463c4
#3b57ac
#334a93
#2b3e7b
#223262
#1a254a
#111931
#080c18
#000000
Tints palette of #557cf5:
#6689f6
#7796f7
#88a3f8
#99b0f9
#aabefa
#bbcbfb
#ccd8fc
#dde5fd
#eef2fe
#ffffff
Complementary palette of #557cf5:
#557cf5
#f5ce55
Triadic palette of #557cf5:
#557cf5
#f5557c
#7cf555
Square palette of #557cf5:
#557cf5
#f555cc
#f5ce55
#55f57e
Analogous palette of #557cf5:
#55ccf5
#557cf5
#7e55f5
Split-Complementary palette of #557cf5:
#557cf5
#f57e55
#ccf555
Rectangle (tetradic) palette of #557cf5:
#557cf5
#ce55f5
#f5ce55
#7cf555
Suggested color palettes for #557cf5 HEX:
Color palette with color #557cf5 #1:
Color palette with color #557cf5 #2:
Color palette with color #557cf5 #3:
Color palette with color #557cf5 #4:
Color palette with color #557cf5 #5:
Color #557cf5 used in palettes (1)
Color Contrast
Color pairings #557cf5 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#557cf5
#557cf5 Contrast Ratio
3.75:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#557cf5
#557cf5 Contrast Ratio
5.58:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #557cf5 color png
Visit the popular colors list for more colors