#28C1BC

#28C1BC

Color Values

HEX

#28C1BC

RGB

40, 193, 188

HSL

178.0, 65.7%, 45.7%

HSV

178.0, 79.3%, 75.7%

CMYK

79.3%, 0.0%, 2.6%, 24.3%

OKLCH

0.7359 0.1194 191.4

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#28C1BC

#C1282D

Analogous

#28C16F

#287AC1

#28C1BC

Triadic

#28C1BC

#BC28C1

#C1BC28

Split Complementary

#28C1BC

#C1287A

#C16F28

Tetradic

#28C1BC

#6F28C1

#C1282D

#7AC128

Color Blindness Simulation

Original

#28C1BC

Protanopia

#6A6CBD

Deuteranopia

#6156BE

Tritanopia

#30BEBE

Achromatopsia

#A0A0A0

CSS Usage

background-color: #28C1BC;
color: #28C1BC;
border-color: #28C1BC;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C4F3F1
300
#9AEAE7
400
#63DFDB
500
#2CD3CE
600
#23A9A5
700
#1C8784
800
#166A67
900
#144D4B
950
#0D312F

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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