#7CA297

#7CA297

Color Values

HEX

#7CA297

RGB

124, 162, 151

HSL

162.6, 17.0%, 56.1%

HSV

162.6, 23.5%, 63.5%

CMYK

23.5%, 0.0%, 6.8%, 36.5%

OKLCH

0.6809 0.0447 175.3

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#7CA297

#A27C87

Analogous

#7CA284

#7C9AA2

#7CA297

Triadic

#7CA297

#977CA2

#A2977C

Split Complementary

#7CA297

#A27C9A

#A2847C

Tetradic

#7CA297

#847CA2

#A27C87

#9AA27C

Color Blindness Simulation

Original

#7CA297

Protanopia

#8C8D9A

Deuteranopia

#8A879A

Tritanopia

#7E9C9C

Achromatopsia

#999999

CSS Usage

background-color: #7CA297;
color: #7CA297;
border-color: #7CA297;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D5E1DE
300
#B7CCC6
400
#91B1A7
500
#6A9589
600
#55776D
700
#445F57
800
#354B44
900
#293834
950
#1A2321

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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