Hex Color #1B3AF8 - Custom Color

Color Codes

HEX

#1B3AF8

RGB

rgb(27, 58, 248)

HSL

hsl(232, 94%, 54%)

CMYK

cmyk(89%, 77%, 0%, 3%)

HSV

hsv(232, 89%, 97%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#1BA7F8 #1B39F8 #6C1BF8

Triadic

#1B39F8 #F81B39 #39F81B

Split Complementary

#1B39F8 #F86C1B #A7F81B

Tetradic (Square)

#1B39F8 #F81BA7 #F8DB1B #1BF86C

Complementary

#1B3AF8 #F8DB1B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.98:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.01: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: #1B3AF8;

color: #1B3AF8;

border-color: #1B3AF8;

}

Tailwind CSS (with arbitrary values)

bg-[#1B3AF8]

text-[#1B3AF8]

border-[#1B3AF8]

// Example usage: