#698C6E

#698C6E

Color Values

HEX

#698C6E

RGB

105, 140, 110

HSL

128.6, 14.3%, 48.0%

HSV

128.6, 25.0%, 54.9%

CMYK

25.0%, 0.0%, 21.4%, 45.1%

OKLCH

0.605 0.0598 148.7

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#698C6E

#8C6987

Analogous

#758C69

#698C7F

#698C6E

Triadic

#698C6E

#6E698C

#8C6E69

Split Complementary

#698C6E

#7F698C

#8C6975

Tetradic

#698C6E

#69758C

#8C6987

#8C7F69

Color Blindness Simulation

Original

#698C6E

Protanopia

#787875

Deuteranopia

#767477

Tritanopia

#6B7B7C

Achromatopsia

#828282

CSS Usage

background-color: #698C6E;
color: #698C6E;
border-color: #698C6E;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F8F7
100
#EBEFEC
200
#D6E0D8
300
#B9CBBC
400
#93AE97
500
#6D9272
600
#57755C
700
#465D49
800
#374939
900
#2A372C
950
#1B231C

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

5.58:1

AA Pass AAA Fail

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