Hex Color #457FA6 - Custom Color

Color Codes

HEX

#457FA6

RGB

rgb(69, 127, 166)

HSL

hsl(204, 41%, 46%)

CMYK

cmyk(58%, 23%, 0%, 35%)

HSV

hsv(204, 58%, 65%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#45A59C #457FA5 #454FA5

Triadic

#457FA5 #A5457F #7FA545

Split Complementary

#457FA5 #A5454F #A59C45

Tetradic (Square)

#457FA5 #9C45A5 #A56C45 #4FA545

Complementary

#457FA6 #A56C45

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.34:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.84: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: #457FA6;

color: #457FA6;

border-color: #457FA6;

}

Tailwind CSS (with arbitrary values)

bg-[#457FA6]

text-[#457FA6]

border-[#457FA6]

// Example usage: