#629982

#629982

Color Values

HEX

#629982

RGB

98, 153, 130

HSL

154.9, 21.9%, 49.2%

HSV

154.9, 35.9%, 60.0%

CMYK

35.9%, 0.0%, 15.0%, 40.0%

OKLCH

0.6377 0.0682 166.1

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#629982

#996279

Analogous

#629966

#629499

#629982

Triadic

#629982

#826299

#998262

Split Complementary

#629982

#996294

#996662

Tetradic

#629982

#666299

#996279

#949962

Color Blindness Simulation

Original

#629982

Protanopia

#7A7A88

Deuteranopia

#777289

Tritanopia

#658C8D

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D3E3DD
300
#B4CFC4
400
#8CB5A4
500
#649B84
600
#507C6A
700
#406355
800
#324E42
900
#273A32
950
#192520

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

6.4:1

AA Pass AAA Fail

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