#65A489

#65A489

Color Values

HEX

#65A489

RGB

101, 164, 137

HSL

154.3, 25.7%, 52.0%

HSV

154.3, 38.4%, 64.3%

CMYK

38.4%, 0.0%, 16.5%, 35.7%

OKLCH

0.6681 0.0771 165.2

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#65A489

#A46580

Analogous

#65A46A

#65A0A4

#65A489

Triadic

#65A489

#8965A4

#A48965

Split Complementary

#65A489

#A465A0

#A46A65

Tetradic

#65A489

#6A65A4

#A46580

#A0A465

Color Blindness Simulation

Original

#65A489

Protanopia

#808190

Deuteranopia

#7D7891

Tritanopia

#689596

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D2E4DD
300
#B2D2C4
400
#88B9A4
500
#5FA084
600
#4C806A
700
#3D6755
800
#2F5042
900
#253C32
950
#182620

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.22:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026