#7FBAAC

#7FBAAC

Color Values

HEX

#7FBAAC

RGB

127, 186, 172

HSL

165.8, 29.9%, 61.4%

HSV

165.8, 31.7%, 72.9%

CMYK

31.7%, 0.0%, 7.5%, 27.1%

OKLCH

0.7443 0.0646 177.9

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7FBAAC

#BA7F8D

Analogous

#7FBA8F

#7FABBA

#7FBAAC

Triadic

#7FBAAC

#AC7FBA

#BAAC7F

Split Complementary

#7FBAAC

#BA7FAB

#BA8F7F

Tetradic

#7FBAAC

#8F7FBA

#BA7F8D

#ABBA7F

Color Blindness Simulation

Original

#7FBAAC

Protanopia

#9999AF

Deuteranopia

#9591B0

Tritanopia

#82B2B3

Achromatopsia

#ACACAC

CSS Usage

background-color: #7FBAAC;
color: #7FBAAC;
border-color: #7FBAAC;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5F9F8
100
#E9F2F0
200
#D1E6E1
300
#B0D4CB
400
#84BDB0
500
#59A694
600
#488476
700
#396A5E
800
#2D534A
900
#233D37
950
#162723

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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