#6BA795

#6BA795

Color Values

HEX

#6BA795

RGB

107, 167, 149

HSL

162.0, 25.4%, 53.7%

HSV

162.0, 35.9%, 65.5%

CMYK

35.9%, 0.0%, 10.8%, 34.5%

OKLCH

0.6819 0.0683 173.3

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#6BA795

#A76B7D

Analogous

#6BA777

#6B9BA7

#6BA795

Triadic

#6BA795

#956BA7

#A7956B

Split Complementary

#6BA795

#A76B9B

#A7776B

Tetradic

#6BA795

#776BA7

#A76B7D

#9BA76B

Color Blindness Simulation

Original

#6BA795

Protanopia

#858699

Deuteranopia

#827D9A

Tritanopia

#6E9D9E

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E4DF
300
#B2D1C8
400
#89B9AA
500
#5FA08C
600
#4C8070
700
#3D665A
800
#305046
900
#253C35
950
#182621

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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