Hex Color #155CFA - Custom Color

Color Codes

HEX

#155CFA

RGB

rgb(21, 92, 250)

HSL

hsl(221, 96%, 53%)

CMYK

cmyk(92%, 63%, 0%, 2%)

HSV

hsv(221, 92%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#14D0FA #145DFA #3E14FA

Triadic

#145DFA #FA145D #5DFA14

Split Complementary

#145DFA #FA3E14 #D0FA14

Tetradic (Square)

#145DFA #FA14D0 #FAB114 #14FA3E

Complementary

#155CFA #FAB114

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.33:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.94: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: #155CFA;

color: #155CFA;

border-color: #155CFA;

}

Tailwind CSS (with arbitrary values)

bg-[#155CFA]

text-[#155CFA]

border-[#155CFA]

// Example usage: