#6CB593

#6CB593

Color Values

HEX

#6CB593

RGB

108, 181, 147

HSL

152.1, 33.0%, 56.7%

HSV

152.1, 40.3%, 71.0%

CMYK

40.3%, 0.0%, 18.8%, 29.0%

OKLCH

0.7155 0.0894 162.9

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#6CB593

#B56C8E

Analogous

#6CB56F

#6CB2B5

#6CB593

Triadic

#6CB593

#936CB5

#B5936C

Split Complementary

#6CB593

#B56CB2

#B56F6C

Tetradic

#6CB593

#6F6CB5

#B56C8E

#B2B56C

Color Blindness Simulation

Original

#6CB593

Protanopia

#8C8C9B

Deuteranopia

#87829D

Tritanopia

#70A2A3

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E8F2EE
200
#D0E7DC
300
#AED6C3
400
#82C0A3
500
#55AA82
600
#448868
700
#376D53
800
#2B5541
900
#223F31
950
#16281F

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

8.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026