#97BFB4

#97BFB4

Color Values

HEX

#97BFB4

RGB

151, 191, 180

HSL

163.5, 23.8%, 67.1%

HSV

163.5, 20.9%, 74.9%

CMYK

20.9%, 0.0%, 5.8%, 25.1%

OKLCH

0.7725 0.0455 176.4

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#97BFB4

#BF97A2

Analogous

#97BFA0

#97B6BF

#97BFB4

Triadic

#97BFB4

#B497BF

#BFB497

Split Complementary

#97BFB4

#BF97B6

#BFA097

Tetradic

#97BFB4

#A097BF

#BF97A2

#B6BF97

Color Blindness Simulation

Original

#97BFB4

Protanopia

#A8A9B7

Deuteranopia

#A6A3B7

Tritanopia

#99B9B9

Achromatopsia

#B6B6B6

CSS Usage

background-color: #97BFB4;
color: #97BFB4;
border-color: #97BFB4;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E4DF
300
#B3D0C8
400
#8AB7AB
500
#619E8D
600
#4E7E71
700
#3E655A
800
#314F47
900
#263B35
950
#182522

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

10.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026