#43C4BC

#43C4BC

Color Values

HEX

#43C4BC

RGB

67, 196, 188

HSL

176.3, 52.2%, 51.6%

HSV

176.3, 65.8%, 76.9%

CMYK

65.8%, 0.0%, 4.1%, 23.1%

OKLCH

0.7488 0.1114 189.1

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#43C4BC

#C4434B

Analogous

#43C47C

#438CC4

#43C4BC

Triadic

#43C4BC

#BC43C4

#C4BC43

Split Complementary

#43C4BC

#C4438C

#C47C43

Tetradic

#43C4BC

#7C43C4

#C4434B

#8CC443

Color Blindness Simulation

Original

#43C4BC

Protanopia

#7B7CBE

Deuteranopia

#736ABE

Tritanopia

#49BFC0

Achromatopsia

#A8A8A8

CSS Usage

background-color: #43C4BC;
color: #43C4BC;
border-color: #43C4BC;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EEEC
300
#A2E2DE
400
#6FD2CC
500
#3DC2BA
600
#319B95
700
#277C77
800
#1E615D
900
#1A4744
950
#102D2B

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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