#68A290

#68A290

Color Values

HEX

#68A290

RGB

104, 162, 144

HSL

161.4, 23.8%, 52.2%

HSV

161.4, 35.8%, 63.5%

CMYK

35.8%, 0.0%, 11.1%, 36.5%

OKLCH

0.6669 0.0668 172.6

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#68A290

#A2687A

Analogous

#68A273

#6897A2

#68A290

Triadic

#68A290

#9068A2

#A29068

Split Complementary

#68A290

#A26897

#A27368

Tetradic

#68A290

#7368A2

#A2687A

#97A268

Color Blindness Simulation

Original

#68A290

Protanopia

#818294

Deuteranopia

#7E7995

Tritanopia

#6B9899

Achromatopsia

#949494

CSS Usage

background-color: #68A290;
color: #68A290;
border-color: #68A290;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E4DF
300
#B3D0C7
400
#8AB7A9
500
#619E8B
600
#4E7E6F
700
#3E6559
800
#314F46
900
#263B34
950
#182521

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.16:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026