#699085

#699085

Color Values

HEX

#699085

RGB

105, 144, 133

HSL

163.1, 15.7%, 48.8%

HSV

163.1, 27.1%, 56.5%

CMYK

27.1%, 0.0%, 7.6%, 43.5%

OKLCH

0.6211 0.0463 175.4

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#699085

#906974

Analogous

#699071

#698790

#699085

Triadic

#699085

#856990

#908569

Split Complementary

#699085

#906987

#907169

Tetradic

#699085

#716990

#906974

#879069

Color Blindness Simulation

Original

#699085

Protanopia

#7A7A88

Deuteranopia

#787588

Tritanopia

#6B8A8A

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D6E1DE
300
#B8CBC6
400
#92AFA7
500
#6B9488
600
#56766D
700
#455E57
800
#364A44
900
#2A3733
950
#1A2320

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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