Hex Color #145CF1 - Custom Color

Color Codes

HEX

#145CF1

RGB

rgb(20, 92, 241)

HSL

hsl(220, 89%, 51%)

CMYK

cmyk(92%, 62%, 0%, 5%)

HSV

hsv(220, 92%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#13CCF1 #135DF1 #3813F1

Triadic

#135DF1 #F1135D #5DF113

Split Complementary

#135DF1 #F13813 #CCF113

Tetradic (Square)

#135DF1 #F113CC #F1A713 #13F138

Complementary

#145CF1 #F1A713

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.48:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.83: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: #145CF1;

color: #145CF1;

border-color: #145CF1;

}

Tailwind CSS (with arbitrary values)

bg-[#145CF1]

text-[#145CF1]

border-[#145CF1]

// Example usage: