Hex Color #115FCA - Custom Color

Color Codes

HEX

#115FCA

RGB

rgb(17, 95, 202)

HSL

hsl(215, 84%, 43%)

CMYK

cmyk(92%, 53%, 0%, 21%)

HSV

hsv(215, 92%, 79%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#12BACA #125ECA #2112CA

Triadic

#125ECA #CA125E #5ECA12

Split Complementary

#125ECA #CA2112 #BACA12

Tetradic (Square)

#125ECA #CA12BA #CA7D12 #12CA21

Complementary

#115FCA #CA7D12

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.98:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.51: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: #115FCA;

color: #115FCA;

border-color: #115FCA;

}

Tailwind CSS (with arbitrary values)

bg-[#115FCA]

text-[#115FCA]

border-[#115FCA]

// Example usage: