Hex Color #0B79DD - Custom Color

Color Codes

HEX

#0B79DD

RGB

rgb(11, 121, 221)

HSL

hsl(209, 91%, 45%)

CMYK

cmyk(95%, 45%, 0%, 13%)

HSV

hsv(209, 95%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#0ADBD8 #0A76DB #0A0EDB

Triadic

#0A76DB #DB0A76 #76DB0A

Split Complementary

#0A76DB #DB0A0E #DBD80A

Tetradic (Square)

#0A76DB #D80ADB #DB6F0A #0EDB0A

Complementary

#0B79DD #DB6F0A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.38:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.79:1

Pass - 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: #0B79DD;

color: #0B79DD;

border-color: #0B79DD;

}

Tailwind CSS (with arbitrary values)

bg-[#0B79DD]

text-[#0B79DD]

border-[#0B79DD]

// Example usage: