#6FD7D4

#6FD7D4

Color Values

HEX

#6FD7D4

RGB

111, 215, 212

HSL

178.3, 56.5%, 63.9%

HSV

178.3, 48.4%, 84.3%

CMYK

48.4%, 0.0%, 1.4%, 15.7%

OKLCH

0.8163 0.0971 192.9

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#6FD7D4

#D76F72

Analogous

#6FD7A0

#6FA6D7

#6FD7D4

Triadic

#6FD7D4

#D46FD7

#D7D46F

Split Complementary

#6FD7D4

#D76FA6

#D7A06F

Tetradic

#6FD7D4

#A06FD7

#D76F72

#A6D76F

Color Blindness Simulation

Original

#6FD7D4

Protanopia

#9C9DD5

Deuteranopia

#968ED5

Tritanopia

#74D5D5

Achromatopsia

#C1C1C1

CSS Usage

background-color: #6FD7D4;
color: #6FD7D4;
border-color: #6FD7D4;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7EFEE
300
#9FE4E2
400
#6BD6D3
500
#37C8C3
600
#2CA09C
700
#23807D
800
#1C6462
900
#184948
950
#0F2E2D

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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