#97A103

#97A103

Color Values

HEX

#97A103

RGB

151, 161, 3

HSL

63.8, 96.3%, 32.2%

HSV

63.8, 98.1%, 63.1%

CMYK

6.2%, 0.0%, 98.1%, 36.9%

OKLCH

0.6778 0.1519 114.1

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#97A103

#0D03A1

Analogous

#A15C03

#48A103

#97A103

Triadic

#97A103

#0397A1

#A10397

Split Complementary

#97A103

#0348A1

#5C03A1

Tetradic

#97A103

#03A15C

#0D03A1

#A10348

Color Blindness Simulation

Original

#97A103

Protanopia

#9B9B29

Deuteranopia

#9B9A32

Tritanopia

#98474E

Achromatopsia

#939393

CSS Usage

background-color: #97A103;
color: #97A103;
border-color: #97A103;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FDFEF1
100
#FAFCDF
200
#F9FEB9
300
#F5FD87
400
#F0FC46
500
#EBFA05
600
#BCC804
700
#96A003
800
#757D02
900
#555A06
950
#363904

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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