#6BA58F

#6BA58F

Color Values

HEX

#6BA58F

RGB

107, 165, 143

HSL

157.2, 24.4%, 53.3%

HSV

157.2, 35.2%, 64.7%

CMYK

35.2%, 0.0%, 13.3%, 35.3%

OKLCH

0.6754 0.0693 168.4

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#6BA58F

#A56B81

Analogous

#6BA572

#6B9EA5

#6BA58F

Triadic

#6BA58F

#8F6BA5

#A58F6B

Split Complementary

#6BA58F

#A56B9E

#A5726B

Tetradic

#6BA58F

#726BA5

#A56B81

#9EA56B

Color Blindness Simulation

Original

#6BA58F

Protanopia

#848594

Deuteranopia

#817C96

Tritanopia

#6E9999

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D3E4DD
300
#B3D1C5
400
#8AB8A6
500
#609F87
600
#4D7F6C
700
#3E6656
800
#304F43
900
#263B33
950
#182520

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

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