#7BA395

#7BA395

Color Values

HEX

#7BA395

RGB

123, 163, 149

HSL

159.0, 17.9%, 56.1%

HSV

159.0, 24.5%, 63.9%

CMYK

24.5%, 0.0%, 8.6%, 36.1%

OKLCH

0.6819 0.0483 171.3

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#7BA395

#A37B89

Analogous

#7BA381

#7B9DA3

#7BA395

Triadic

#7BA395

#957BA3

#A3957B

Split Complementary

#7BA395

#A37B9D

#A3817B

Tetradic

#7BA395

#817BA3

#A37B89

#9DA37B

Color Blindness Simulation

Original

#7BA395

Protanopia

#8C8D98

Deuteranopia

#8A8799

Tritanopia

#7D9B9C

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DD
300
#B7CDC5
400
#90B2A6
500
#699686
600
#54786B
700
#436056
800
#344B43
900
#293833
950
#1A2420

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.52:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026