Hex Color #125DCA - Custom Color

Color Codes

HEX

#125DCA

RGB

rgb(18, 93, 202)

HSL

hsl(216, 84%, 43%)

CMYK

cmyk(91%, 54%, 0%, 21%)

HSV

hsv(216, 91%, 79%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#12B7CA #125BCA #2412CA

Triadic

#125BCA #CA125B #5BCA12

Split Complementary

#125BCA #CA2412 #B7CA12

Tetradic (Square)

#125BCA #CA12B7 #CA8012 #12CA24

Complementary

#125DCA #CA8012

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 6.10:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.44: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: #125DCA;

color: #125DCA;

border-color: #125DCA;

}

Tailwind CSS (with arbitrary values)

bg-[#125DCA]

text-[#125DCA]

border-[#125DCA]

// Example usage: