#698BCE

#698BCE

Color Values

HEX

#698BCE

RGB

105, 139, 206

HSL

219.8, 50.8%, 61.0%

HSV

219.8, 49.0%, 80.8%

CMYK

49.0%, 32.5%, 0.0%, 19.2%

OKLCH

0.6397 0.1083 263.1

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#698BCE

#CEAC69

Analogous

#69BECE

#7A69CE

#698BCE

Triadic

#698BCE

#CE698B

#8BCE69

Split Complementary

#698BCE

#CE7A69

#BECE69

Tetradic

#698BCE

#CE69BE

#CEAC69

#69CE7A

Color Blindness Simulation

Original

#698BCE

Protanopia

#7878BE

Deuteranopia

#7673BA

Tritanopia

#6BB1AE

Achromatopsia

#898989

CSS Usage

background-color: #698BCE;
color: #698BCE;
border-color: #698BCE;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C9D5ED
300
#A3B8E1
400
#7191D1
500
#3F6AC0
600
#32559A
700
#28447B
800
#1F3560
900
#1A2947
950
#111A2D

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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