#97BFA8

#97BFA8

Color Values

HEX

#97BFA8

RGB

151, 191, 168

HSL

145.5, 23.8%, 67.1%

HSV

145.5, 20.9%, 74.9%

CMYK

20.9%, 0.0%, 12.0%, 25.1%

OKLCH

0.7691 0.0539 159.6

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#97BFA8

#BF97AE

Analogous

#9ABF97

#97BFBC

#97BFA8

Triadic

#97BFA8

#A897BF

#BFA897

Split Complementary

#97BFA8

#BC97BF

#BF979A

Tetradic

#97BFA8

#979ABF

#BF97AE

#BFBC97

Color Blindness Simulation

Original

#97BFA8

Protanopia

#A8A9AE

Deuteranopia

#A6A3AF

Tritanopia

#99B2B3

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF1ED
200
#D3E4DA
300
#B3D0C0
400
#8AB79D
500
#619E7B
600
#4E7E62
700
#3E654F
800
#314F3D
900
#263B2F
950
#18251E

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

10.33: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