Hex Color #BED0CF - Custom Color

Color Codes

HEX

#BED0CF

RGB

rgb(190, 208, 207)

HSL

hsl(177, 16%, 78%)

CMYK

cmyk(9%, 0%, 0%, 18%)

HSV

hsv(177, 9%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BED0C6 #BED0CF #BEC8D0

Triadic

#BED0CF #CFBED0 #D0CFBE

Split Complementary

#BED0CF #D0BEC8 #D0C6BE

Tetradic (Square)

#BED0CF #C6BED0 #D0BEBF #C8D0BE

Complementary

#BED0CF #D0BEBF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.60:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.11: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: #BED0CF;

color: #BED0CF;

border-color: #BED0CF;

}

Tailwind CSS (with arbitrary values)

bg-[#BED0CF]

text-[#BED0CF]

border-[#BED0CF]

// Example usage: