#6FA797

#6FA797

Color Values

HEX

#6FA797

RGB

111, 167, 151

HSL

162.9, 24.1%, 54.5%

HSV

162.9, 33.5%, 65.5%

CMYK

33.5%, 0.0%, 9.6%, 34.5%

OKLCH

0.6847 0.0637 174.5

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#6FA797

#A76F7F

Analogous

#6FA77B

#6F9BA7

#6FA797

Triadic

#6FA797

#976FA7

#A7976F

Split Complementary

#6FA797

#A76F9B

#A77B6F

Tetradic

#6FA797

#7B6FA7

#A76F7F

#9BA76F

Color Blindness Simulation

Original

#6FA797

Protanopia

#87889B

Deuteranopia

#84809C

Tritanopia

#729E9F

Achromatopsia

#9A9A9A

CSS Usage

background-color: #6FA797;
color: #6FA797;
border-color: #6FA797;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D3E4DF
300
#B3D1C8
400
#8AB7AA
500
#619E8D
600
#4D7F71
700
#3E655A
800
#304F46
900
#263B35
950
#182521

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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