#18BCBF

#18BCBF

Color Values

HEX

#18BCBF

RGB

24, 188, 191

HSL

181.1, 77.7%, 42.2%

HSV

181.1, 87.4%, 74.9%

CMYK

87.4%, 1.6%, 0.0%, 25.1%

OKLCH

0.7226 0.1198 196.9

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#18BCBF

#BF1B18

Analogous

#18BF6F

#1869BF

#18BCBF

Triadic

#18BCBF

#BF18BC

#BCBF18

Split Complementary

#18BCBF

#BF1869

#BF6F18

Tetradic

#18BCBF

#6F18BF

#BF1B18

#69BF18

Color Blindness Simulation

Original

#18BCBF

Protanopia

#5F60BE

Deuteranopia

#5649BE

Tritanopia

#20BEBE

Achromatopsia

#999999

CSS Usage

background-color: #18BCBF;
color: #18BCBF;
border-color: #18BCBF;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F2FCFC
100
#E1F9F9
200
#C0F6F7
300
#92F0F1
400
#57E7EA
500
#1CDFE3
600
#17B2B5
700
#128F91
800
#0E6F71
900
#0F5152
950
#093334

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.98:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026