#0CBA67

#0CBA67

Color Values

HEX

#0CBA67

RGB

12, 186, 103

HSL

151.4, 87.9%, 38.8%

HSV

151.4, 93.5%, 72.9%

CMYK

93.5%, 0.0%, 44.6%, 27.1%

OKLCH

0.6929 0.1738 153.7

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#0CBA67

#BA0C5F

Analogous

#0CBA10

#0CB6BA

#0CBA67

Triadic

#0CBA67

#670CBA

#BA670C

Split Complementary

#0CBA67

#BA0CB6

#BA100C

Tetradic

#0CBA67

#100CBA

#BA0C5F

#B6BA0C

Color Blindness Simulation

Original

#0CBA67

Protanopia

#57597B

Deuteranopia

#4D4080

Tritanopia

#158B8E

Achromatopsia

#8F8F8F

CSS Usage

background-color: #0CBA67;
color: #0CBA67;
border-color: #0CBA67;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BCFBDD
300
#8CF8C4
400
#4EF4A5
500
#0FF085
600
#0CC06A
700
#0A9955
800
#087842
900
#0A5732
950
#063720

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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