#6FB9AF

#6FB9AF

Color Values

HEX

#6FB9AF

RGB

111, 185, 175

HSL

171.9, 34.6%, 58.0%

HSV

171.9, 40.0%, 72.5%

CMYK

40.0%, 0.0%, 5.4%, 27.5%

OKLCH

0.7345 0.0757 184.7

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#6FB9AF

#B96F79

Analogous

#6FB98A

#6F9EB9

#6FB9AF

Triadic

#6FB9AF

#AF6FB9

#B9AF6F

Split Complementary

#6FB9AF

#B96F9E

#B98A6F

Tetradic

#6FB9AF

#8A6FB9

#B96F79

#9EB96F

Color Blindness Simulation

Original

#6FB9AF

Protanopia

#8F90B1

Deuteranopia

#8B85B2

Tritanopia

#73B3B4

Achromatopsia

#A9A9A9

CSS Usage

background-color: #6FB9AF;
color: #6FB9AF;
border-color: #6FB9AF;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF9
100
#E8F2F1
200
#CFE8E4
300
#ADD7D1
400
#80C1B8
500
#53ACA0
600
#438980
700
#356E66
800
#2A5650
900
#21403B
950
#152826

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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