#0AC2BE

#0AC2BE

Color Values

HEX

#0AC2BE

RGB

10, 194, 190

HSL

178.7, 90.2%, 40.0%

HSV

178.7, 94.8%, 76.1%

CMYK

94.8%, 0.0%, 2.1%, 23.9%

OKLCH

0.7361 0.1253 192.1

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#0AC2BE

#C20A0E

Analogous

#0AC262

#0A6AC2

#0AC2BE

Triadic

#0AC2BE

#BE0AC2

#C2BE0A

Split Complementary

#0AC2BE

#C20A6A

#C2620A

Tetradic

#0AC2BE

#620AC2

#C20A0E

#6AC20A

Color Blindness Simulation

Original

#0AC2BE

Protanopia

#5A5BBF

Deuteranopia

#4F41BF

Tritanopia

#13C0C0

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BBFCFA
300
#8BF9F7
400
#4CF6F2
500
#0CF3EE
600
#0AC2BE
700
#089B98
800
#067977
900
#095856
950
#063736

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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