Hex Color #BAFAD5 - Custom Color

Color Codes

HEX

#BAFAD5

RGB

rgb(186, 250, 213)

HSL

hsl(145, 86%, 85%)

CMYK

cmyk(26%, 0%, 15%, 2%)

HSV

hsv(145, 26%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BDFAB8 #B8FAD3 #B8FAF4

Triadic

#B8FAD3 #D3B8FA #FAD3B8

Split Complementary

#B8FAD3 #F4B8FA #FAB8BD

Tetradic (Square)

#B8FAD3 #B8BDFA #FAB8DE #FAF4B8

Complementary

#BAFAD5 #FAB8DE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.18:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.72: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: #BAFAD5;

color: #BAFAD5;

border-color: #BAFAD5;

}

Tailwind CSS (with arbitrary values)

bg-[#BAFAD5]

text-[#BAFAD5]

border-[#BAFAD5]

// Example usage: