#6BCDA5

#6BCDA5

Color Values

HEX

#6BCDA5

RGB

107, 205, 165

HSL

155.5, 49.5%, 61.2%

HSV

155.5, 47.8%, 80.4%

CMYK

47.8%, 0.0%, 19.5%, 19.6%

OKLCH

0.7774 0.1103 165.0

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#6BCDA5

#CD6B93

Analogous

#6BCD74

#6BC4CD

#6BCDA5

Triadic

#6BCDA5

#A56BCD

#CDA56B

Split Complementary

#6BCDA5

#CD6BC4

#CD746B

Tetradic

#6BCDA5

#746BCD

#CD6B93

#C4CD6B

Color Blindness Simulation

Original

#6BCDA5

Protanopia

#9596AF

Deuteranopia

#9088B1

Tritanopia

#70B6B8

Achromatopsia

#B5B5B5

CSS Usage

background-color: #6BCDA5;
color: #6BCDA5;
border-color: #6BCDA5;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FBF8
100
#E6F5EF
200
#CAEDDF
300
#A4E0C7
400
#72CFA9
500
#40BF8B
600
#34986F
700
#297A59
800
#205F46
900
#1B4634
950
#112C21

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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