#698EBC

#698EBC

Color Values

HEX

#698EBC

RGB

105, 142, 188

HSL

213.3, 38.2%, 57.5%

HSV

213.3, 44.1%, 73.7%

CMYK

44.1%, 24.5%, 0.0%, 26.3%

OKLCH

0.6375 0.081 254.3

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#698EBC

#BC9769

Analogous

#69B7BC

#6E69BC

#698EBC

Triadic

#698EBC

#BC698E

#8EBC69

Split Complementary

#698EBC

#BC6E69

#B7BC69

Tetradic

#698EBC

#BC69B7

#BC9769

#69BC6E

Color Blindness Simulation

Original

#698EBC

Protanopia

#7979B1

Deuteranopia

#7774AE

Tritanopia

#6BA8A6

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDAE9
300
#AABFD9
400
#7D9DC5
500
#4F7AB0
600
#3F628D
700
#324E71
800
#273D58
900
#202F41
950
#141D29

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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