Hex Color #279ABA - Custom Color

Color Codes

HEX

#279ABA

RGB

rgb(39, 154, 186)

HSL

hsl(193, 65%, 44%)

CMYK

cmyk(79%, 17%, 0%, 27%)

HSV

hsv(193, 79%, 73%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#27B990 #279AB9 #2751B9

Triadic

#279AB9 #B9279A #9AB927

Split Complementary

#279AB9 #B92751 #B99027

Tetradic (Square)

#279AB9 #9027B9 #B94727 #51B927

Complementary

#279ABA #B94727

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.27:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.42: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: #279ABA;

color: #279ABA;

border-color: #279ABA;

}

Tailwind CSS (with arbitrary values)

bg-[#279ABA]

text-[#279ABA]

border-[#279ABA]

// Example usage: