#6FA795

#6FA795

Color Values

HEX

#6FA795

RGB

111, 167, 149

HSL

160.7, 24.1%, 54.5%

HSV

160.7, 33.5%, 65.5%

CMYK

33.5%, 0.0%, 10.8%, 34.5%

OKLCH

0.6841 0.0649 172.1

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#6FA795

#A76F81

Analogous

#6FA779

#6F9DA7

#6FA795

Triadic

#6FA795

#956FA7

#A7956F

Split Complementary

#6FA795

#A76F9D

#A7796F

Tetradic

#6FA795

#796FA7

#A76F81

#9DA76F

Color Blindness Simulation

Original

#6FA795

Protanopia

#878899

Deuteranopia

#84809A

Tritanopia

#729D9E

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D3E4DE
300
#B3D1C7
400
#8AB7A9
500
#619E8A
600
#4D7F6F
700
#3E6559
800
#304F45
900
#263B34
950
#182521

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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