#40BEBA

#40BEBA

Color Values

HEX

#40BEBA

RGB

64, 190, 186

HSL

178.1, 49.6%, 49.8%

HSV

178.1, 66.3%, 74.5%

CMYK

66.3%, 0.0%, 2.1%, 25.5%

OKLCH

0.7327 0.1085 192.0

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#40BEBA

#BE4044

Analogous

#40BE7B

#4083BE

#40BEBA

Triadic

#40BEBA

#BA40BE

#BEBA40

Split Complementary

#40BEBA

#BE4083

#BE7B40

Tetradic

#40BEBA

#7B40BE

#BE4044

#83BE40

Color Blindness Simulation

Original

#40BEBA

Protanopia

#7778BB

Deuteranopia

#6F66BB

Tritanopia

#46BCBC

Achromatopsia

#A3A3A3

CSS Usage

background-color: #40BEBA;
color: #40BEBA;
border-color: #40BEBA;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFA
100
#E6F5F4
200
#CAEDEC
300
#A3E0DE
400
#72CFCC
500
#40BFBB
600
#339995
700
#297A78
800
#205F5D
900
#1B4645
950
#112C2B

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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