Hex Color #7BBBCC - Custom Color

Color Codes

HEX

#7BBBCC

RGB

rgb(123, 187, 204)

HSL

hsl(193, 44%, 64%)

CMYK

cmyk(40%, 8%, 0%, 20%)

HSV

hsv(193, 40%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7BCCB5 #7BBACC #7B92CC

Triadic

#7BBACC #CC7BBA #BACC7B

Split Complementary

#7BBACC #CC7B92 #CCB57B

Tetradic (Square)

#7BBACC #B57BCC #CC8C7B #92CC7B

Complementary

#7BBBCC #CC8C7B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.14:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.82: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: #7BBBCC;

color: #7BBBCC;

border-color: #7BBBCC;

}

Tailwind CSS (with arbitrary values)

bg-[#7BBBCC]

text-[#7BBBCC]

border-[#7BBBCC]

// Example usage: