#1ABFBA

#1ABFBA

Color Values

HEX

#1ABFBA

RGB

26, 191, 186

HSL

178,2, 76,0%, 42,5%

HSV

178,2, 86,4%, 74,9%

CMYK

86,4%, 0,0%, 2,6%, 25,1%

OKLCH

0,7285 0,1217 191,4

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#1ABFBA

#BF1A1F

Analogous

#1ABF67

#1A71BF

#1ABFBA

Triadic

#1ABFBA

#BA1ABF

#BFBA1A

Split Complementary

#1ABFBA

#BF1A71

#BF671A

Tetradic

#1ABFBA

#671ABF

#BF1A1F

#71BF1A

Color Blindness Simulation

Original

#1ABFBA

Protanopia

#6163BB

Deuteranopia

#584CBC

Tritanopia

#22BCBC

Achromatopsia

#9C9C9C

CSS Usage

background-color: #1ABFBA;
color: #1ABFBA;
border-color: #1ABFBA;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F2FCFC
100
#E2F9F8
200
#C0F6F5
300
#93F0EE
400
#59E8E4
500
#1FE0DB
600
#18B4AF
700
#14908C
800
#0F706D
900
#0F5250
950
#0A3432

Contrast Checker

Text on white

2,28:1

AA Fail AAA Fail

Text on black

9,21:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026