#09BFC3

#09BFC3

Color Values

HEX

#09BFC3

RGB

9, 191, 195

HSL

181.3, 91.2%, 40.0%

HSV

181.3, 95.4%, 76.5%

CMYK

95.4%, 2.1%, 0.0%, 23.5%

OKLCH

0.7304 0.1233 197.5

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#09BFC3

#C30D09

Analogous

#09C36A

#0962C3

#09BFC3

Triadic

#09BFC3

#C309BF

#BFC309

Split Complementary

#09BFC3

#C30962

#C36A09

Tetradic

#09BFC3

#6A09C3

#C30D09

#62C309

Color Blindness Simulation

Original

#09BFC3

Protanopia

#5859C2

Deuteranopia

#4D40C2

Tritanopia

#12C1C1

Achromatopsia

#999999

CSS Usage

background-color: #09BFC3;
color: #09BFC3;
border-color: #09BFC3;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BBFAFC
300
#8AF7FA
400
#4BF3F7
500
#0BEFF4
600
#09BFC3
700
#07999C
800
#06777A
900
#095658
950
#053738

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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