#648FA8

Muted Blue

HEX

RGB

HSL

About #648FA8 Muted Blue

#648FA8 is a muted blue color. In the RGB color model, it is composed of 100 red, 143 green, and 168 blue. In the HSL color space, it has a hue of 202°, saturation of 28%, and lightness of 53%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With low saturation, it appears muted and subtle.

CSS Code & Gradients

Use #648FA8 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

202°

Hue

28%

Saturation

53%

Lightness

Muted Blue

Color Harmonies

Colors that work well with #648FA8 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #648FA8 against white and black backgrounds.

Aa#648FA8 on White
Contrast Ratio3.48:1
AA AA Large AAA
Aa#648FA8 on Black
Contrast Ratio6.04:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #648FA8 across different color formats.

FormatValue
HEX#648FA8
RGBrgb(100, 143, 168)
HSLhsl(202, 28%, 53%)
RGB Decimal100, 143, 168
RGB Percent39.2%, 56.1%, 65.9%
CMYK (approx.)40%, 15%, 0%, 34%

Related Palettes

12 palettes using #648FA8 or similar colors

#C4D160#72C965#53CD9E#5A98BB
#BBC93D#6ED55C#67CBA3#619CBC
#112122#25494B#3E6D70#589093
#45BE8A#599BBA#4940C8#AC46C3
#102123#2A4446#32767B#4F979C
#0F1E24#283F48#366577#50869B
#102323#274849#3C7172#5C8E8F
#101E23#21424F#396474#4E869C
#365D63#4E7B98#7890BA#AFB3CF
#121F21#294448#3F696E#4B96A0
#355E64#517C94#7A92B8#AEB3D0
#375F62#507F95#7694BC#B2B7CD