Hex Color #08A2D3 - Custom Color

Color Codes

HEX

#08A2D3

RGB

rgb(8, 162, 211)

HSL

hsl(194, 93%, 43%)

CMYK

cmyk(96%, 23%, 0%, 17%)

HSV

hsv(194, 96%, 83%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#08D49D #08A4D4 #083ED4

Triadic

#08A4D4 #D408A4 #A4D408

Split Complementary

#08A4D4 #D4083E #D49D08

Tetradic (Square)

#08A4D4 #9D08D4 #D43708 #3ED408

Complementary

#08A2D3 #D43708

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.95:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.12:1

Pass - WCAG AA (Normal Text)

Pass - 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: #08A2D3;

color: #08A2D3;

border-color: #08A2D3;

}

Tailwind CSS (with arbitrary values)

bg-[#08A2D3]

text-[#08A2D3]

border-[#08A2D3]

// Example usage: