#78AF99

#78AF99

Color Values

HEX

#78AF99

RGB

120, 175, 153

HSL

156.0, 25.6%, 57.8%

HSV

156.0, 31.4%, 68.6%

CMYK

31.4%, 0.0%, 12.6%, 31.4%

OKLCH

0.7093 0.0664 167.6

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#78AF99

#AF788E

Analogous

#78AF7D

#78A9AF

#78AF99

Triadic

#78AF99

#9978AF

#AF9978

Split Complementary

#78AF99

#AF78A9

#AF7D78

Tetradic

#78AF99

#7D78AF

#AF788E

#A9AF78

Color Blindness Simulation

Original

#78AF99

Protanopia

#90909E

Deuteranopia

#8D88A0

Tritanopia

#7BA3A3

Achromatopsia

#A2A2A2

CSS Usage

background-color: #78AF99;
color: #78AF99;
border-color: #78AF99;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D2E4DD
300
#B2D1C5
400
#88B9A5
500
#5FA086
600
#4C806B
700
#3D6656
800
#2F5043
900
#253C33
950
#182620

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026