#6D97D6

#6D97D6

Color Values

HEX

#6D97D6

RGB

109, 151, 214

HSL

216.0, 56.1%, 63.3%

HSV

216.0, 49.1%, 83.9%

CMYK

49.1%, 29.4%, 0.0%, 16.1%

OKLCH

0.6718 0.1049 258.3

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#6D97D6

#D6AC6D

Analogous

#6DCBD6

#776DD6

#6D97D6

Triadic

#6D97D6

#D66D97

#97D66D

Split Complementary

#6D97D6

#D6776D

#CBD66D

Tetradic

#6D97D6

#D66DCB

#D6AC6D

#6DD677

Color Blindness Simulation

Original

#6D97D6

Protanopia

#7F80C7

Deuteranopia

#7D7AC3

Tritanopia

#6FBBB8

Achromatopsia

#939393

CSS Usage

background-color: #6D97D6;
color: #6D97D6;
border-color: #6D97D6;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F7FB
100
#E5EBF6
200
#C7D7EF
300
#9FBBE4
400
#6C96D6
500
#3871C7
600
#2D5B9F
700
#24487F
800
#1C3964
900
#182C49
950
#0F1C2E

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.05:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026