#7DA698

#7DA698

Color Values

HEX

#7DA698

RGB

125, 166, 152

HSL

159.5, 18.7%, 57.1%

HSV

159.5, 24.7%, 65.1%

CMYK

24.7%, 0.0%, 8.4%, 34.9%

OKLCH

0.691 0.0491 171.8

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#7DA698

#A67D8B

Analogous

#7DA684

#7DA0A6

#7DA698

Triadic

#7DA698

#987DA6

#A6987D

Split Complementary

#7DA698

#A67DA0

#A6847D

Tetradic

#7DA698

#847DA6

#A67D8B

#A0A67D

Color Blindness Simulation

Original

#7DA698

Protanopia

#8F8F9B

Deuteranopia

#8C899C

Tritanopia

#7F9E9F

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DD
300
#B6CDC5
400
#8FB2A6
500
#689787
600
#53796C
700
#426156
800
#344C44
900
#283933
950
#192420

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

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