Hex Color #779FD7 - Custom Color

Color Codes

HEX

#779FD7

RGB

rgb(119, 159, 215)

HSL

hsl(215, 55%, 65%)

CMYK

cmyk(45%, 26%, 0%, 16%)

HSV

hsv(215, 45%, 84%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#75CFD7 #759ED7 #7D75D7

Triadic

#759ED7 #D7759E #9ED775

Split Complementary

#759ED7 #D77D75 #CFD775

Tetradic (Square)

#759ED7 #D775CF #D7AE75 #75D77D

Complementary

#779FD7 #D7AE75

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.72:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.72:1

Pass - WCAG AA (Normal Text)

Pass - 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: #779FD7;

color: #779FD7;

border-color: #779FD7;

}

Tailwind CSS (with arbitrary values)

bg-[#779FD7]

text-[#779FD7]

border-[#779FD7]

// Example usage: