Hex Color #307CA4 - Custom Color

Color Codes

HEX

#307CA4

RGB

rgb(48, 124, 164)

HSL

hsl(201, 55%, 42%)

CMYK

cmyk(71%, 24%, 0%, 36%)

HSV

hsv(201, 71%, 64%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#30A694 #307DA6 #3042A6

Triadic

#307DA6 #A6307D #7DA630

Split Complementary

#307DA6 #A63042 #A69430

Tetradic (Square)

#307DA6 #9430A6 #A65930 #42A630

Complementary

#307CA4 #A65930

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.62:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.54: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: #307CA4;

color: #307CA4;

border-color: #307CA4;

}

Tailwind CSS (with arbitrary values)

bg-[#307CA4]

text-[#307CA4]

border-[#307CA4]

// Example usage: