#0EB564

#0EB564

Color Values

HEX

#0EB564

RGB

14, 181, 100

HSL

150.9, 85.6%, 38.2%

HSV

150.9, 92.3%, 71.0%

CMYK

92.3%, 0.0%, 44.8%, 29.0%

OKLCH

0.6792 0.1701 153.6

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#0EB564

#B50E5F

Analogous

#0EB511

#0EB2B5

#0EB564

Triadic

#0EB564

#640EB5

#B5640E

Split Complementary

#0EB564

#B50EB2

#B5110E

Tetradic

#0EB564

#110EB5

#B50E5F

#B2B50E

Color Blindness Simulation

Original

#0EB564

Protanopia

#565878

Deuteranopia

#4D407C

Tritanopia

#16878A

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BDFADC
300
#8DF6C3
400
#50F1A3
500
#12ED83
600
#0FBD69
700
#0C9754
800
#097641
900
#0B5632
950
#07361F

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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