#0AC288

#0AC288

Color Values

HEX

#0AC288

RGB

10, 194, 136

HSL

161.1, 90.2%, 40.0%

HSV

161.1, 94.8%, 76.1%

CMYK

94.8%, 0.0%, 29.9%, 23.9%

OKLCH

0.7206 0.1548 162.8

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#0AC288

#C20A44

Analogous

#0AC22C

#0AA0C2

#0AC288

Triadic

#0AC288

#880AC2

#C2880A

Split Complementary

#0AC288

#C20AA0

#C22C0A

Tetradic

#0AC288

#2C0AC2

#C20A44

#A0C20A

Color Blindness Simulation

Original

#0AC288

Protanopia

#5A5B96

Deuteranopia

#4F4199

Tritanopia

#13A1A4

Achromatopsia

#979797

CSS Usage

background-color: #0AC288;
color: #0AC288;
border-color: #0AC288;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F1FDFA
100
#DFFBF2
200
#BBFCE7
300
#8BF9D6
400
#4CF6C0
500
#0CF3AA
600
#0AC288
700
#089B6D
800
#067955
900
#09583F
950
#063728

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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