#12BEBA

#12BEBA

Color Values

HEX

#12BEBA

RGB

18, 190, 186

HSL

178.6, 82.7%, 40.8%

HSV

178.6, 90.5%, 74.5%

CMYK

90.5%, 0.0%, 2.1%, 25.5%

OKLCH

0.7253 0.1224 192.1

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#12BEBA

#BE1216

Analogous

#12BE64

#126CBE

#12BEBA

Triadic

#12BEBA

#BA12BE

#BEBA12

Split Complementary

#12BEBA

#BE126C

#BE6412

Tetradic

#12BEBA

#6412BE

#BE1216

#6CBE12

Color Blindness Simulation

Original

#12BEBA

Protanopia

#5D5EBB

Deuteranopia

#5246BB

Tritanopia

#1BBCBC

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1FAF9
200
#BEF9F7
300
#8FF4F2
400
#53EFEB
500
#16E9E4
600
#12BAB6
700
#0E9592
800
#0B7472
900
#0C5553
950
#083534

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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