#28C2BF

#28C2BF

Color Values

HEX

#28C2BF

RGB

40, 194, 191

HSL

178.8, 65.8%, 45.9%

HSV

178.8, 79.4%, 76.1%

CMYK

79.4%, 0.0%, 1.5%, 23.9%

OKLCH

0.7394 0.1196 192.8

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#28C2BF

#C2282B

Analogous

#28C272

#2878C2

#28C2BF

Triadic

#28C2BF

#BF28C2

#C2BF28

Split Complementary

#28C2BF

#C22878

#C27228

Tetradic

#28C2BF

#7228C2

#C2282B

#78C228

Color Blindness Simulation

Original

#28C2BF

Protanopia

#6B6CC0

Deuteranopia

#6256C0

Tritanopia

#30C0C0

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F7
200
#C4F3F2
300
#9AEAE8
400
#63DFDC
500
#2CD3D0
600
#23A9A6
700
#1C8785
800
#166A68
900
#144D4C
950
#0C3130

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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