#698291

#698291

Color Values

HEX

#698291

RGB

105, 130, 145

HSL

202.5, 16.0%, 49.0%

HSV

202.5, 27.6%, 56.9%

CMYK

27.6%, 10.3%, 0.0%, 43.1%

OKLCH

0.5924 0.0369 234.6

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#698291

#917869

Analogous

#69918C

#696E91

#698291

Triadic

#698291

#916982

#829169

Split Complementary

#698291

#91696E

#918C69

Tetradic

#698291

#8C6991

#917869

#6E9169

Color Blindness Simulation

Original

#698291

Protanopia

#74748D

Deuteranopia

#72708C

Tritanopia

#6A8B8A

Achromatopsia

#7E7E7E

CSS Usage

background-color: #698291;
color: #698291;
border-color: #698291;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D6DDE1
300
#B8C4CC
400
#92A4B0
500
#6B8594
600
#566A76
700
#45555F
800
#36424A
900
#293237
950
#1A2023

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026