Hex Color #317BC7 - Custom Color

Color Codes

HEX

#317BC7

RGB

rgb(49, 123, 199)

HSL

hsl(210, 60%, 49%)

CMYK

cmyk(75%, 38%, 0%, 22%)

HSV

hsv(210, 75%, 78%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#32C8C8 #327DC8 #3232C8

Triadic

#327DC8 #C8327D #7DC832

Split Complementary

#327DC8 #C83232 #C8C832

Tetradic (Square)

#327DC8 #C832C8 #C87D32 #32C832

Complementary

#317BC7 #C87D32

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.39:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.79: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: #317BC7;

color: #317BC7;

border-color: #317BC7;

}

Tailwind CSS (with arbitrary values)

bg-[#317BC7]

text-[#317BC7]

border-[#317BC7]

// Example usage: