Hex Color #0787CC - Custom Color

Color Codes

HEX

#0787CC

RGB

rgb(7, 135, 204)

HSL

hsl(201, 93%, 41%)

CMYK

cmyk(97%, 34%, 0%, 20%)

HSV

hsv(201, 97%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#07CAAD #0786CA #0724CA

Triadic

#0786CA #CA0786 #86CA07

Split Complementary

#0786CA #CA0724 #CAAD07

Tetradic (Square)

#0786CA #AD07CA #CA4B07 #24CA07

Complementary

#0787CC #CA4B07

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.93:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.35: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: #0787CC;

color: #0787CC;

border-color: #0787CC;

}

Tailwind CSS (with arbitrary values)

bg-[#0787CC]

text-[#0787CC]

border-[#0787CC]

// Example usage: