#698FBA

#698FBA

Color Values

HEX

#698FBA

RGB

105, 143, 186

HSL

211,9, 37,0%, 57,1%

HSV

211,9, 43,5%, 72,9%

CMYK

43,5%, 23,1%, 0,0%, 27,1%

OKLCH

0,6388 0,0776 252,1

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#698FBA

#BA9469

Analogous

#69B8BA

#6C69BA

#698FBA

Triadic

#698FBA

#BA698F

#8FBA69

Split Complementary

#698FBA

#BA6C69

#B8BA69

Tetradic

#698FBA

#BA69B8

#BA9469

#69BA6C

Color Blindness Simulation

Original

#698FBA

Protanopia

#797AB0

Deuteranopia

#7774AD

Tritanopia

#6BA7A6

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDAE9
300
#ABC0D8
400
#7E9EC4
500
#507DAF
600
#40648C
700
#335070
800
#283E57
900
#202F41
950
#141E29

Contrast Checker

Text on white

3,37:1

AA Fail AAA Fail

Text on black

6,24: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