#6DBABC

#6DBABC

Color Values

HEX

#6DBABC

RGB

109, 186, 188

HSL

181.5, 37.1%, 58.2%

HSV

181.5, 42.0%, 73.7%

CMYK

42.0%, 1.1%, 0.0%, 26.3%

OKLCH

0.7401 0.0764 197.8

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#6DBABC

#BC6F6D

Analogous

#6DBC96

#6D92BC

#6DBABC

Triadic

#6DBABC

#BC6DBA

#BABC6D

Split Complementary

#6DBABC

#BC6D92

#BC966D

Tetradic

#6DBABC

#966DBC

#BC6F6D

#92BC6D

Color Blindness Simulation

Original

#6DBABC

Protanopia

#8E8FBC

Deuteranopia

#8A84BB

Tritanopia

#71BBBB

Achromatopsia

#AAAAAA

CSS Usage

background-color: #6DBABC;
color: #6DBABC;
border-color: #6DBABC;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F5FAFA
100
#E8F2F3
200
#CEE8E9
300
#ABD7D9
400
#7EC2C4
500
#50ACAF
600
#408A8C
700
#336E70
800
#285657
900
#204041
950
#142829

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

9.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