Hex Color #2760FB - Custom Color

Color Codes

HEX

#2760FB

RGB

rgb(39, 96, 251)

HSL

hsl(224, 96%, 57%)

CMYK

cmyk(84%, 62%, 0%, 2%)

HSV

hsv(224, 84%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#28C9FB #2860FB #5928FB

Triadic

#2860FB #FB2860 #60FB28

Split Complementary

#2860FB #FB5928 #C9FB28

Tetradic (Square)

#2860FB #FB28C9 #FBC228 #28FB59

Complementary

#2760FB #FBC228

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.06:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.15:1

Fail - 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: #2760FB;

color: #2760FB;

border-color: #2760FB;

}

Tailwind CSS (with arbitrary values)

bg-[#2760FB]

text-[#2760FB]

border-[#2760FB]

// Example usage: