Hex Color #297FD3 - Custom Color

Color Codes

HEX

#297FD3

RGB

rgb(41, 127, 211)

HSL

hsl(210, 67%, 49%)

CMYK

cmyk(81%, 40%, 0%, 17%)

HSV

hsv(210, 81%, 83%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#29D1D1 #297DD1 #2929D1

Triadic

#297DD1 #D1297D #7DD129

Split Complementary

#297DD1 #D12929 #D1D129

Tetradic (Square)

#297DD1 #D129D1 #D17D29 #29D129

Complementary

#297FD3 #D17D29

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.14:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.07: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: #297FD3;

color: #297FD3;

border-color: #297FD3;

}

Tailwind CSS (with arbitrary values)

bg-[#297FD3]

text-[#297FD3]

border-[#297FD3]

// Example usage: