#BDF5DF Color

Color Information

HEX#BDF5DF
RGB189, 245, 223
HSL156° , 74% , 85%
HSV156° , 23% , 96%
CMYK23%, 0%, 9%, 4%

Lighter Shades

#C5F6E3 #CDF7E7 #D5F9EB #DDFAEE #E5FBF2 #EDFCF6

Darker Shades

#A6D8C4 #90BAA9 #799D8F #627F74 #4C6259 #35453E

Complementary Palette

#A3D3C0 #BDF5DF #D3A2B5 #F5BCD3 #F6C5D9 #C6F6E3

Analogous Palette

#B8D5BB #C4EDC8 #B2E6D2 #BDF5DF #C4E9ED #C8EAEF

Triadic Palette

#A6D8C4 #BDF5DF #DFB9F9 #E3C1FA #F9DFB9 #DBC4A3

Split Complementary Palette

#AADDC9 #BDF5DF #F5BCEF #F6C3F1 #F5C2BC #DDAFA9

Square Palette

#9FCEBB #BDF5DF #C5C0F1 #F1C0D4 #EFF5BC #F2F7C7

Tetradic Palette

#9BC9B7 #BDF5DF #B6D2FC #F5BCD3 #FCE0B6 #FDE6C3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BDF5DF contains 189 red, 245 green, and 223 blue.

Contrast Ratio: 1.21:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 17.37:1