#67C0AC

#67C0AC

Color Values

HEX

#67C0AC

RGB

103, 192, 172

HSL

166.5, 41.4%, 57.8%

HSV

166.5, 46.4%, 75.3%

CMYK

46.4%, 0.0%, 10.4%, 24.7%

OKLCH

0.7465 0.0914 177.3

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#67C0AC

#C0677B

Analogous

#67C07F

#67A7C0

#67C0AC

Triadic

#67C0AC

#AC67C0

#C0AC67

Split Complementary

#67C0AC

#C067A7

#C07F67

Tetradic

#67C0AC

#7F67C0

#C0677B

#A7C067

Color Blindness Simulation

Original

#67C0AC

Protanopia

#8E8EB1

Deuteranopia

#8882B2

Tritanopia

#6BB5B6

Achromatopsia

#ACACAC

CSS Usage

background-color: #67C0AC;
color: #67C0AC;
border-color: #67C0AC;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CDEAE3
300
#A8DBD0
400
#7AC8B6
500
#4BB49D
600
#3C907D
700
#307364
800
#255A4E
900
#1E433A
950
#132A25

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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