Hex Color #0082D3 - Custom Color

Color Codes

HEX

#0082D3

RGB

rgb(0, 130, 211)

HSL

hsl(203, 100%, 41%)

CMYK

cmyk(100%, 38%, 0%, 17%)

HSV

hsv(203, 100%, 83%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#00D1B9 #0081D1 #0018D1

Triadic

#0081D1 #D10081 #81D100

Split Complementary

#0081D1 #D10018 #D1B900

Tetradic (Square)

#0081D1 #B900D1 #D15000 #18D100

Complementary

#0082D3 #D15000

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.09:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.13: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: #0082D3;

color: #0082D3;

border-color: #0082D3;

}

Tailwind CSS (with arbitrary values)

bg-[#0082D3]

text-[#0082D3]

border-[#0082D3]

// Example usage: