HEX Color #97BFBD (Powderblue)

About #97BFBD

The precise color #97BFBD is an excellent choice for modern design projects. Its closest recognized web color is Powderblue. Its digital footprint relies on 151 parts red, 191 parts green, and 189 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 21% C, 0% M, 1% Y, and 25% K. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#97BFBD

RGB151, 191, 189

HSL177.0°, 23.8%, 67.1%

CMYK21%, 0%, 1%, 25%

HSV177.0°, 20.9%, 74.9%

LAB74.5, -13.7, -3.4

XYZ40.6, 47.5, 55.2

Decimal9945021

Color Harmonies

Complementary

#97BFBD #BF9799

Analogous

#97BFA9 #97ADBF

Triadic

#BC97BF #BFBD97

Tetradic

#A997BF #BF9799 #ADBF97

Tints, Shades & Tones

Tints (Adding White)

#97BFBD

#A2C6C4

#AECDCB

#B9D4D3

#C5DBDA

#D0E2E1

#DCE9E9

#E7F0F0

#F3F7F7

#FFFFFF

Shades (Adding Black)

#97BFBD

#86A9A8

#759493

#647F7E

#536A69

#435454

#323F3F

#212A2A

#101515

#000000

WCAG Contrast Accessibility

2.00:1

Text on #FFFFFF

FAIL

10.50:1

Text on #000000

AAA

1.91:1

Text on #F8FAFC

FAIL

8.93:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #97BFBD; }

.text-color { color: #97BFBD; }

.border-color { border: 2px solid #97BFBD; }

Similar Colors

Powderblue

#B0E0E6