#65867E

#65867E

Color Values

HEX

#65867E

RGB

101, 134, 126

HSL

165.5, 14.0%, 46.1%

HSV

165.5, 24.6%, 52.5%

CMYK

24.6%, 0.0%, 6.0%, 47.5%

OKLCH

0.5924 0.0393 178.3

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#65867E

#86656D

Analogous

#65866E

#657E86

#65867E

Triadic

#65867E

#7E6586

#867E65

Split Complementary

#65867E

#86657E

#866E65

Tetradic

#65867E

#6E6586

#86656D

#7E8665

Color Blindness Simulation

Original

#65867E

Protanopia

#737480

Deuteranopia

#716F80

Tritanopia

#678182

Achromatopsia

#7E7E7E

CSS Usage

background-color: #65867E;
color: #65867E;
border-color: #65867E;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E0DE
300
#B9CAC6
400
#93AEA7
500
#6E9189
600
#58746D
700
#465D58
800
#374944
900
#2A3734
950
#1B2221

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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