Hex Color #498DF6 - Custom Color

Color Codes

HEX

#498DF6

RGB

rgb(73, 141, 246)

HSL

hsl(216, 91%, 63%)

CMYK

cmyk(70%, 43%, 0%, 4%)

HSV

hsv(216, 70%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#4BE5F7 #4B8FF7 #5C4BF7

Triadic

#4B8FF7 #F74B8F #8FF74B

Split Complementary

#4B8FF7 #F75C4B #E5F74B

Tetradic (Square)

#4B8FF7 #F74BE5 #F7B24B #4BF75C

Complementary

#498DF6 #F7B24B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.27:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.42:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #498DF6;

color: #498DF6;

border-color: #498DF6;

}

Tailwind CSS (with arbitrary values)

bg-[#498DF6]

text-[#498DF6]

border-[#498DF6]

// Example usage: