#698ACC

#698ACC

Color Values

HEX

#698ACC

RGB

105, 138, 204

HSL

220.0, 49.3%, 60.6%

HSV

220.0, 48.5%, 80.0%

CMYK

48.5%, 32.4%, 0.0%, 20.0%

OKLCH

0.6365 0.1067 263.4

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#698ACC

#CCAB69

Analogous

#69BCCC

#7A69CC

#698ACC

Triadic

#698ACC

#CC698A

#8ACC69

Split Complementary

#698ACC

#CC7A69

#BCCC69

Tetradic

#698ACC

#CC69BC

#CCAB69

#69CC7A

Color Blindness Simulation

Original

#698ACC

Protanopia

#7778BC

Deuteranopia

#7573B8

Tritanopia

#6BAFAD

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E6EBF5
200
#CAD5ED
300
#A4B8E0
400
#7291CF
500
#416BBE
600
#345598
700
#29447A
800
#20355F
900
#1B2946
950
#111A2C

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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