#0FA7AD

#0FA7AD

Color Values

HEX

#0FA7AD

RGB

15, 167, 173

HSL

182.3, 84.0%, 36.9%

HSV

182.3, 91.3%, 67.8%

CMYK

91.3%, 3.5%, 0.0%, 32.2%

OKLCH

0.6626 0.1107 199.4

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#0FA7AD

#AD150F

Analogous

#0FAD64

#0F58AD

#0FA7AD

Triadic

#0FA7AD

#AD0FA7

#A7AD0F

Split Complementary

#0FA7AD

#AD0F58

#AD640F

Tetradic

#0FA7AD

#640FAD

#AD150F

#58AD0F

Color Blindness Simulation

Original

#0FA7AD

Protanopia

#5152AC

Deuteranopia

#483DAB

Tritanopia

#17AAAA

Achromatopsia

#878787

CSS Usage

background-color: #0FA7AD;
color: #0FA7AD;
border-color: #0FA7AD;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FCFD
100
#E0F9FA
200
#BDF7F9
300
#8EF1F5
400
#51EAF0
500
#14E2EB
600
#10B5BC
700
#0D9196
800
#0A7175
900
#0C5255
950
#073436

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

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