Hex Color #6BDBED - Custom Color

Color Codes

HEX

#6BDBED

RGB

rgb(107, 219, 237)

HSL

hsl(188, 78%, 67%)

CMYK

cmyk(55%, 8%, 0%, 7%)

HSV

hsv(188, 55%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#69ECBC #69DBEC #6999EC

Triadic

#69DBEC #EC69DB #DBEC69

Split Complementary

#69DBEC #EC6999 #ECBC69

Tetradic (Square)

#69DBEC #BC69EC #EC7B69 #99EC69

Complementary

#6BDBED #EC7B69

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.62:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.98:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #6BDBED;

color: #6BDBED;

border-color: #6BDBED;

}

Tailwind CSS (with arbitrary values)

bg-[#6BDBED]

text-[#6BDBED]

border-[#6BDBED]

// Example usage: