#0FB0AF

#0FB0AF

Color Values

HEX

#0FB0AF

RGB

15, 176, 175

HSL

179.6, 84.3%, 37.5%

HSV

179.6, 91.5%, 69.0%

CMYK

91.5%, 0.0%, 0.6%, 31.0%

OKLCH

0.6861 0.1154 194.1

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#0FB0AF

#B00F10

Analogous

#0FB05F

#0F61B0

#0FB0AF

Triadic

#0FB0AF

#AF0FB0

#B0AF0F

Split Complementary

#0FB0AF

#B00F61

#B05F0F

Tetradic

#0FB0AF

#5F0FB0

#B00F10

#61B00F

Color Blindness Simulation

Original

#0FB0AF

Protanopia

#5556AF

Deuteranopia

#4B3FAF

Tritanopia

#17AFAF

Achromatopsia

#8E8E8E

CSS Usage

background-color: #0FB0AF;
color: #0FB0AF;
border-color: #0FB0AF;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BDF9F9
300
#8EF5F5
400
#51F0EF
500
#14EBEA
600
#10BCBB
700
#0D9695
800
#0A7575
900
#0C5555
950
#073636

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.85:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026