#6178B2

#6178B2

Color Values

HEX

#6178B2

RGB

97, 120, 178

HSL

223.0, 34.5%, 53.9%

HSV

223.0, 45.5%, 69.8%

CMYK

45.5%, 32.6%, 0.0%, 30.2%

OKLCH

0.5793 0.0938 267.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#6178B2

#B29B61

Analogous

#61A0B2

#7261B2

#6178B2

Triadic

#6178B2

#B26178

#78B261

Split Complementary

#6178B2

#B27261

#A0B261

Tetradic

#6178B2

#B261A0

#B29B61

#61B272

Color Blindness Simulation

Original

#6178B2

Protanopia

#6B6BA4

Deuteranopia

#6A68A1

Tritanopia

#629996

Achromatopsia

#777777

CSS Usage

background-color: #6178B2;
color: #6178B2;
border-color: #6178B2;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E8EBF2
200
#CFD6E8
300
#ADB9D7
400
#8093C1
500
#546CAB
600
#435789
700
#35456E
800
#2A3656
900
#212A3F
950
#151A28

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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