#7DA298

#7DA298

Color Values

HEX

#7DA298

RGB

125, 162, 152

HSL

163.8, 16.6%, 56.3%

HSV

163.8, 22.8%, 63.5%

CMYK

22.8%, 0.0%, 6.2%, 36.5%

OKLCH

0.6818 0.0432 176.6

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#7DA298

#A27D87

Analogous

#7DA286

#7D9AA2

#7DA298

Triadic

#7DA298

#987DA2

#A2987D

Split Complementary

#7DA298

#A27D9A

#A2867D

Tetradic

#7DA298

#867DA2

#A27D87

#9AA27D

Color Blindness Simulation

Original

#7DA298

Protanopia

#8D8D9A

Deuteranopia

#8B889B

Tritanopia

#7F9C9D

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D5E1DE
300
#B8CCC6
400
#91B0A8
500
#6A9589
600
#55776E
700
#445F58
800
#354A45
900
#293834
950
#1A2321

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026