#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